upgrade jest to 30

covert config files to mjs
update github workflow to include elint and prettier
add js to eslint config

Author: testshallpass

.github/workflows/ci.yml

@@ -2,27 +2,34 @@ name: CI
 
 on:
   push:
-    branches: [main]
+    branches:
+      - main
   pull_request:
-    branches: [main]
+    branches:
+      - main
 
 jobs:
-  test:
-    runs-on: macos-latest
+  eslint-prettier-test:
+    runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - name: Checkout
+        uses: actions/checkout@v5
 
-      - name: Use Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.x'
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
 
-      - name: Enable corepack
+      - name: Corepack enable
         run: corepack enable
 
       - name: Install dependencies
-        run: yarn
+        run: yarn install
 
-      - name: Run tests
+      - name: Run eslint
+        run: yarn run eslint
+
+      - name: Run prettier
+        run: yarn run prettier
+
+      - name: Run unit tests
         run: yarn run test

__tests__/__snapshots__/ThumbnailSelector.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ThumbnailSelector it renders 1`] = `
 <View

babel.config.js

@@ -0,0 +1 @@
+export const presets = ['module:@react-native/babel-preset'];

babel.config.mjs

@@ -3,13 +3,19 @@ import markdown from '@eslint/markdown';
 import ts from 'typescript-eslint';
 import yml from 'eslint-plugin-yml';
 import json from '@eslint/json';
+import js from '@eslint/js';
 
 export default defineConfig([
   {
     files: ['**/*.{ts,tsx}'],
     plugins: { ts },
     extends: [ts.configs.recommended],
   },
+  {
+    files: ['**/*.{mjs}'],
+    plugins: { js },
+    extends: ['js/recommended'],
+  },
   {
     files: ['**/*.md'],
     plugins: { markdown },

eslint.config.mjs

@@ -0,0 +1,38 @@
+/*
+ * For a detailed explanation regarding each configuration property and type check, visit:
+ * https://jestjs.io/docs/configuration
+ *
+ * For more CLI info: https://jestjs.io/docs/cli#reference
+ */
+/** @type {import('jest').Config} */
+const config = {
+  // Stop running tests after `n` failures
+  bail: 1,
+
+  // Automatically clear mock calls, instances, contexts and results before every test
+  clearMocks: true,
+
+  // Indicates whether the coverage information should be collected while executing the test
+  collectCoverage: true,
+
+  // The directory where Jest should output its coverage files
+  coverageDirectory: 'coverage',
+
+  // An object that configures minimum threshold enforcement for coverage results
+  coverageThreshold: {
+    global: {
+      branches: 100,
+      functions: 100,
+      lines: 100,
+      statements: 100,
+    },
+  },
+
+  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
+  modulePathIgnorePatterns: ['example/'],
+
+  // A preset that is used as a base for Jest's configuration
+  preset: 'react-native',
+};
+
+export default config;

jest.config.js

@@ -4,8 +4,8 @@
   "description": "A thumbnail selector.",
   "main": "ThumbnailSelector.tsx",
   "scripts": {
-    "test": "yarn jest --coverage",
-    "lint": "yarn eslint .",
+    "test": "npx jest --collectCoverage",
+    "eslint": "npx eslint .",
     "prettier": "npx prettier --check ."
   },
   "repository": {
@@ -29,25 +29,26 @@
   "author": "Brian Sinnicke",
   "license": "MIT",
   "devDependencies": {
+    "@eslint/js": "9.35.0",
     "@eslint/json": "0.13.2",
     "@eslint/markdown": "7.2.0",
     "@react-native/babel-preset": "0.81.1",
     "@react-native/eslint-config": "0.81.1",
     "@react-native/metro-config": "0.81.1",
     "@react-native/typescript-config": "0.81.1",
     "@testing-library/react-native": "13.3.3",
-    "@types/jest": "29.5.14",
+    "@types/jest": "30.0.0",
     "@types/react": "19.1.0",
     "@types/react-test-renderer": "19.1.0",
-    "babel-jest": "29.7.0",
+    "babel-jest": "30.1.2",
     "eslint": "9.35.0",
     "eslint-plugin-yml": "1.18.0",
-    "jest": "29.7.0",
+    "jest": "30.1.3",
     "prettier": "3.6.2",
     "react": "19.1.0",
     "react-native": "0.81.1",
     "react-test-renderer": "19.1.0",
-    "ts-jest": "29.3.4",
+    "ts-jest": "29.4.1",
     "typescript": "5.8.3",
     "typescript-eslint": "8.42.0"
   },

jest.config.mjs

@@ -9,4 +9,4 @@ const config = {
   trailingComma: 'all',
 };
 
-module.exports = config;
+export default config;