jest-expo 58.0.6 → 58.0.7

package/config/getPlatformPreset.js

@@ -5,11 +5,15 @@ const { withWatchPlugins } = require('./withWatchPlugins');
 const expoPreset = require('../jest-preset');
 const { resolveBabelOptions } = require('../src/resolveBabelOptions');
 
+const babelJestPath = require.resolve('babel-jest');
+
+function isBabelJest(transformer) {
+  return transformer === 'babel-jest' || transformer === babelJestPath;
+}
+
 function getUpstreamBabelJest(transform) {
   const upstreamBabelJest = Object.keys(transform).find((key) =>
-    Array.isArray(transform[key])
-      ? transform[key][0] === 'babel-jest'
-      : transform[key] === 'babel-jest'
+    Array.isArray(transform[key]) ? isBabelJest(transform[key][0]) : isBabelJest(transform[key])
   );
   return upstreamBabelJest;
 }
@@ -51,7 +55,7 @@ function getPlatformPreset(displayOptions, extensions, platform, { isServer, isR
     transform: {
       ...expoPreset.transform,
       [upstreamBabelJest]: [
-        'babel-jest',
+        babelJestPath,
         {
           ...babelJestOptions,
           caller: {
@@ -103,7 +107,8 @@ function getPlatformPreset(displayOptions, extensions, platform, { isServer, isR
     // Source exports can contain TypeScript files that use explicit `.js`
     // extensions for runtime ESM compatibility.
     '^(\\.{1,2}/.*)\\.js$': '$1',
-    '^react-native/asset-registry$': 'react-native/src/asset-registry',
+    // See the note in `../jest-preset.js`: mapped targets must be absolute paths on Jest 30.
+    '^react-native/asset-registry$': expoPreset.moduleNameMapper['^react-native/asset-registry$'],
     ...preset.moduleNameMapper,
   };
 
@@ -151,16 +156,17 @@ function getBaseWebPreset() {
 }
 
 // `getPlatformPreset` builds its own `moduleNameMapper` from scratch, so spreading it over the
-// base preset drops the mappers that the upstream React Native preset defines. Since React Native
-// 0.87 those mappers are required: `jest/setup.js` mocks `react-native/setup-env`, which is only
-// reachable through the `^react-native/setup-env$` alias. Merge them back for the native presets,
-// keeping the platform mappers last so platform-specific entries still win.
-function withNativeModuleNameMapper(platformPreset) {
+// base preset drops the mappers that the base preset defines. Those mappers are required: since
+// React Native 0.87 `jest/setup.js` mocks `react-native/setup-env`, which is only reachable
+// through the `^react-native/setup-env$` alias, and `withTypescriptMapping` adds the aliases from
+// the project's `tsconfig.json` `paths`. Merge them back for every platform preset, keeping the
+// platform mappers last so platform-specific entries still win.
+function withBaseModuleNameMapper(basePreset, platformPreset) {
   return {
-    ...expoPreset,
+    ...basePreset,
     ...platformPreset,
     moduleNameMapper: {
-      ...expoPreset.moduleNameMapper,
+      ...basePreset.moduleNameMapper,
       ...platformPreset.moduleNameMapper,
     },
   };
@@ -168,32 +174,32 @@ function withNativeModuleNameMapper(platformPreset) {
 
 module.exports = {
   getWebPreset({ isReactServer } = {}) {
-    const preset = {
-      ...getBaseWebPreset(),
-      testEnvironment: 'jsdom',
-      ...getPlatformPreset({ name: 'Web', color: 'magenta' }, ['web'], 'web', {
+    return withBaseModuleNameMapper(
+      { ...getBaseWebPreset(), testEnvironment: 'jsdom' },
+      getPlatformPreset({ name: 'Web', color: 'magenta' }, ['web'], 'web', {
         isReactServer,
-      }),
-    };
-    return preset;
+      })
+    );
   },
   getNodePreset() {
-    return {
-      ...getBaseWebPreset(),
-      ...getPlatformPreset({ name: 'Node', color: 'cyan' }, ['node', 'web'], 'web', {
+    return withBaseModuleNameMapper(
+      getBaseWebPreset(),
+      getPlatformPreset({ name: 'Node', color: 'cyan' }, ['node', 'web'], 'web', {
         isServer: true,
-      }),
-    };
+      })
+    );
   },
   getIOSPreset({ isReactServer } = {}) {
-    return withNativeModuleNameMapper(
+    return withBaseModuleNameMapper(
+      expoPreset,
       getPlatformPreset({ name: 'iOS', color: 'white' }, ['ios', 'native'], 'ios', {
         isReactServer,
       })
     );
   },
   getAndroidPreset({ isReactServer } = {}) {
-    return withNativeModuleNameMapper(
+    return withBaseModuleNameMapper(
+      expoPreset,
       getPlatformPreset(
         { name: 'Android', color: 'blueBright' },
         ['android', 'native'],

package/config/withWatchPlugins.js

@@ -24,9 +24,13 @@ function withWatchPlugins({ watchPlugins = [], ...config }) {
   if (Array.isArray(config.projects)) {
     let projectsWantPass = false;
     config.projects = config.projects.map((project) => {
-      if (project && typeof project === 'object' && 'passWithNoTests' in project) {
-        const { passWithNoTests, ...rest } = project;
-        projectsWantPass ||= passWithNoTests;
+      if (project && typeof project === 'object') {
+        // `watchPlugins` and `passWithNoTests` are root-only options in multi-project mode.
+        // Strip them from each project to avoid Jest's validation warnings.
+        const { watchPlugins, passWithNoTests, ...rest } = project;
+        if ('passWithNoTests' in project) {
+          projectsWantPass ||= passWithNoTests;
+        }
         return rest;
       }
       return project;

package/jest-preset.js

@@ -2,6 +2,7 @@
 
 const cloneDeep = require('lodash/cloneDeep');
 const isEqual = require('lodash/isEqual');
+const path = require('node:path');
 
 let jestPreset;
 try {
@@ -23,12 +24,26 @@ try {
 
 jestPreset = cloneDeep(jestPreset);
 
+// Use jest-expo's own copy of the React Native test environment. The upstream preset resolves
+// `jest-environment-node` from its own (Jest 29) dependencies, which must not be mixed into a Jest 30
+// runtime. The environment is otherwise identical to `@react-native/jest-preset/jest/react-native-env`.
+jestPreset.testEnvironment = require.resolve('./src/preset/nativeEnvironment.js');
+
 const { withTypescriptMapping } = require('./src/preset/withTypescriptMapping');
 const { resolveBabelOptions } = require('./src/resolveBabelOptions');
 
+// NOTE: Jest 30 replaced its resolver with `unrs-resolver` and dropped the `packageFilter` option,
+// so `@react-native/jest-preset`'s resolver can no longer strip `react-native`'s `exports` map.
+// Mapped module targets must be absolute paths, since bare `react-native/src/*` subpaths are
+// not listed in `exports`.
+const reactNativeAssetRegistry = path.join(
+  path.dirname(require.resolve('react-native/package.json')),
+  'src/asset-registry.js'
+);
+
 // Emulate the alias behavior of Expo's Metro resolver.
 jestPreset.moduleNameMapper = {
-  '^react-native/asset-registry$': 'react-native/src/asset-registry',
+  '^react-native/asset-registry$': reactNativeAssetRegistry,
   ...(jestPreset.moduleNameMapper || {}),
   '^react-native-vector-icons$': '@expo/vector-icons',
   '^react-native-vector-icons/(.*)': '@expo/vector-icons/$1',
@@ -42,8 +57,12 @@ if (upstreamBabelJest) {
 }
 
 // transform
+// Resolve `babel-jest` from jest-expo so the Jest 30 version is used. `@react-native/jest-preset`
+// still depends on `babel-jest@29`, and a bare `'babel-jest'` would resolve from the project root,
+// where hoisting decides which of the two copies wins.
+const babelJestPath = require.resolve('babel-jest');
 const babelOpts = resolveBabelOptions(process.cwd());
-jestPreset.transform['\\.[jt]sx?$'] = ['babel-jest', babelOpts];
+jestPreset.transform['\\.[jt]sx?$'] = [babelJestPath, babelOpts];
 
 /* Update this when metro changes their default extensions */
 const defaultMetroAssetExts = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jest-expo",
-  "version": "58.0.6",
+  "version": "58.0.7",
   "description": "A Jest preset to painlessly test your Expo / React Native apps.",
   "homepage": "https://github.com/expo/expo/tree/main/packages/jest-expo",
   "bugs": {
@@ -30,27 +30,31 @@
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "dependencies": {
-    "@jest/create-cache-key-function": "^29.2.1",
-    "@jest/globals": "^29.2.1",
-    "babel-jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
-    "jest-snapshot": "^29.2.1",
+    "@jest/create-cache-key-function": "^30.0.0",
+    "@jest/globals": "^30.0.0",
+    "babel-jest": "^30.0.0",
+    "jest-environment-jsdom": "^30.0.0",
+    "jest-environment-node": "^30.0.0",
+    "jest-mock": "^30.0.0",
+    "jest-snapshot": "^30.0.0",
     "jest-watch-select-projects": "^2.0.0",
-    "jest-watch-typeahead": "2.2.1",
+    "jest-watch-typeahead": "^3.0.1",
     "json5": "^2.2.3",
-    "lodash": "^4.17.19",
+    "lodash": "^4.18.1",
     "server-only": "^0.0.1",
     "stacktrace-js": "^2.0.2",
     "test-renderer": "1.3.0"
   },
   "devDependencies": {
     "@react-native/jest-preset": "0.88.0-rc.3",
+    "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
     "react-server-dom-webpack": "~19.0.8"
   },
   "peerDependencies": {
     "@react-native/jest-preset": "^0.88.0-rc.3",
     "expo": "*",
+    "jest": "^30.0.0",
     "react-native": "*",
     "react-server-dom-webpack": "~19.0.4 || ~19.1.5 || ~19.2.4 || ~19.3.0"
   },

package/rsc/jest-preset.js

@@ -10,8 +10,5 @@ module.exports = withWatchPlugins({
     getIOSPreset({ isReactServer: true }),
     getAndroidPreset({ isReactServer: true }),
     getWebPreset({ isReactServer: true }),
-    // Remove sub-watch-plugins from the preset when using multi-project runner.
-  ].map(({ watchPlugins, ...config }) => config),
-  // See: https://jestjs.io/docs/configuration#prettierpath-string
-  prettierPath: require.resolve('jest-snapshot-prettier'),
+  ],
 });

package/src/preset/nativeEnvironment.js

@@ -0,0 +1,58 @@
+'use strict';
+
+const { TestEnvironment: NodeEnvironment } = require('jest-environment-node');
+
+/**
+ * Clear mocks exposed on the global scope, but only look at data properties.
+ *
+ * Since Jest 30.4, `Runtime.resetModules()` (also run during teardown) calls
+ * `moduleMocker.clearMocksOnScope(global)`, which reads every enumerable global. Expo installs
+ * several globals lazily (`fetch`, `structuredClone`, `__ExpoImportMetaRegistry`, ...) through
+ * getters that `require()` their implementation on first access. Reading them after the test has
+ * finished throws `You are trying to require a file outside of the scope of the test code`.
+ * Accessor properties are skipped here so lazy globals are never evaluated during teardown.
+ *
+ * @this {import('jest-mock').ModuleMocker}
+ * @param {object} scope
+ */
+function clearMocksOnScope(scope) {
+  for (const key of Object.keys(scope)) {
+    const descriptor = Object.getOwnPropertyDescriptor(scope, key);
+    if (!descriptor || typeof descriptor.get === 'function') {
+      continue;
+    }
+    const value = descriptor.value;
+    if (
+      value != null &&
+      (typeof value === 'object' || typeof value === 'function') &&
+      '_isMockFunction' in value &&
+      this.isMockFunction(value) &&
+      typeof value.mockClear === 'function'
+    ) {
+      value.mockClear();
+    }
+  }
+}
+
+/**
+ * Jest test environment for the native (iOS/Android) presets.
+ *
+ * Mirrors `@react-native/jest-preset/jest/react-native-env.js`, but resolves `jest-environment-node`
+ * from `jest-expo` instead of from `@react-native/jest-preset`. The React Native preset still pins
+ * Jest 29 packages, so on Jest 30 its environment would load `jest-environment-node@29`, mixing
+ * Jest 29 mocks and fake timers into a Jest 30 runtime (see `clearMocksOnScope is not a function`).
+ */
+class ReactNativeEnvironment extends NodeEnvironment {
+  customExportConditions = ['require', 'react-native'];
+
+  constructor(config, context) {
+    super(config, context);
+    // Patch the module mocker in place. `NodeEnvironment` already handed this instance to the
+    // legacy fake timers, so replacing it would leave timer mocks owned by a mocker the runtime
+    // never sees (and `jest.clearAllMocks()` would no longer clear them).
+    this.moduleMocker.clearMocksOnScope = clearMocksOnScope;
+  }
+}
+
+module.exports = ReactNativeEnvironment;
+module.exports.TestEnvironment = ReactNativeEnvironment;