jest-expo 49.0.0 → 50.0.0-alpha.1

package/config/getPlatformPreset.js

@@ -1,8 +1,8 @@
 'use strict';
 const { getBareExtensions } = require('@expo/config/paths');
 
-const expoPreset = require('../jest-preset');
 const { withWatchPlugins } = require('./withWatchPlugins');
+const expoPreset = require('../jest-preset');
 
 function getPlatformPreset(displayOptions, extensions) {
   const moduleFileExtensions = getBareExtensions(extensions, {
@@ -10,16 +10,15 @@ function getPlatformPreset(displayOptions, extensions) {
     isReact: true,
     isModern: false,
   });
-  const testMatch = ['', ...extensions].reduce((arr, cur) => {
-    const platformExtension = cur ? `.${cur}` : '';
+  const testMatch = ['', ...extensions].flatMap((extension) => {
+    const platformExtension = extension ? `.${extension}` : '';
     const sourceExtension = `.[jt]s?(x)`;
     return [
-      ...arr,
       `**/__tests__/**/*spec${platformExtension}${sourceExtension}`,
       `**/__tests__/**/*test${platformExtension}${sourceExtension}`,
       `**/?(*.)+(spec|test)${platformExtension}${sourceExtension}`,
     ];
-  }, []);
+  });
 
   return withWatchPlugins({
     displayName: displayOptions,

package/jest-preset.js

@@ -5,6 +5,8 @@ const isEqual = require('lodash/isEqual');
 // Derive the Expo Jest preset from the React Native one
 const jestPreset = cloneDeep(require('react-native/jest-preset'));
 
+const { withTypescriptMapping } = require('./src/preset/withTypescriptMapping');
+
 // transform
 if (!jestPreset.transform) {
   jestPreset.transform = {
@@ -40,7 +42,8 @@ if (!Array.isArray(jestPreset.transformIgnorePatterns)) {
 
 // Also please keep `testing-with-jest.md` file up to date
 jestPreset.transformIgnorePatterns = [
-  'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)',
+  '/node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)',
+  '/node_modules/react-native-reanimated/plugin/',
 ];
 
 // setupFiles
@@ -49,4 +52,5 @@ if (!Array.isArray(jestPreset.setupFiles)) {
 }
 jestPreset.setupFiles.push(require.resolve('jest-expo/src/preset/setup.js'));
 
-module.exports = jestPreset;
+// Add typescript custom mapping
+module.exports = withTypescriptMapping(jestPreset);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jest-expo",
-  "version": "49.0.0",
+  "version": "50.0.0-alpha.1",
   "description": "A Jest preset to painlessly test your Expo / React Native apps.",
   "license": "MIT",
   "main": "src",
@@ -31,13 +31,14 @@
     "preset": "jest-expo/universal"
   },
   "dependencies": {
-    "@expo/config": "~8.1.0",
+    "@expo/config": "~8.3.0",
+    "@expo/json-file": "^8.2.37",
     "@jest/create-cache-key-function": "^29.2.1",
     "babel-jest": "^29.2.1",
     "find-up": "^5.0.0",
+    "jest-environment-jsdom": "^29.2.1",
     "jest-watch-select-projects": "^2.0.0",
     "jest-watch-typeahead": "2.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "json5": "^2.2.3",
     "lodash": "^4.17.19",
     "react-test-renderer": "18.2.0"
@@ -46,5 +47,5 @@
     "url": "https://github.com/expo/expo/issues"
   },
   "homepage": "https://github.com/expo/expo/tree/main/packages/jest-expo",
-  "gitHead": "4a38f32842594bb0ef39228dacde53042f12a47b"
+  "gitHead": "79607a7325f47aa17c36d266100d09a4ff2cc544"
 }

package/src/preset/withTypescriptMapping.js

@@ -0,0 +1,103 @@
+const JsonFile = require('@expo/json-file');
+const path = require('path');
+
+/**
+ * Convert typescript paths to jest module mapping.
+ *
+ * @param {Record<string, string[]>} paths
+ * @param {string} [prefix="<rootDir>"]
+ * @return {Record<string, string>}
+ */
+function jestMappingFromTypescriptPaths(paths, prefix = '<rootDir>') {
+  const mapping = {};
+
+  for (const path in paths) {
+    if (!paths[path].length) {
+      console.warn(`Skipping empty typescript path map: ${path}`);
+      continue;
+    }
+
+    const jestRegex = convertTypescriptMatchToJestRegex(path);
+    const jestTarget = paths[path].map((target) =>
+      convertTypescriptTargetToJestTarget(target, prefix)
+    );
+
+    mapping[jestRegex] = jestTarget.length === 1 ? jestTarget[0] : jestTarget;
+  }
+
+  return mapping;
+}
+
+/** Convert a typescript match rule key to jest regex */
+function convertTypescriptMatchToJestRegex(match) {
+  const regex = match
+    .split('/')
+    .map((segment) =>
+      segment.trim() === '*' ? '(.*)' : segment.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&')
+    )
+    .join('/');
+
+  return `^${regex}$`;
+}
+
+/** Convert a typescript match rule value to jest regex target */
+function convertTypescriptTargetToJestTarget(target, prefix = '<rootDir>') {
+  const segments = target.split('/').map((segment) => (segment.trim() === '*' ? '$1' : segment));
+  return [prefix, ...segments].join('/');
+}
+
+function mutateJestMappingFromConfig(jestConfig, configFile) {
+  const readJsonFile = JsonFile.default?.read || JsonFile.read;
+
+  try {
+    // The path to jsconfig.json or tsconfig.json is resolved relative to cwd
+    // See: _createTypeScriptConfiguration() in `createJestPreset`
+    const configPath = path.resolve(configFile);
+    const config = readJsonFile(configPath, { json5: true });
+    let pathPrefix = '<rootDir>';
+
+    if (config?.compilerOptions?.baseUrl) {
+      pathPrefix = path.join(pathPrefix, config.compilerOptions.baseUrl);
+    }
+
+    if (config?.compilerOptions?.paths) {
+      jestConfig.moduleNameMapper = {
+        ...jestMappingFromTypescriptPaths(config.compilerOptions.paths || {}, pathPrefix),
+        ...(jestConfig.moduleNameMapper || {}),
+      };
+    }
+
+    return true;
+  } catch (error) {
+    // If the user is not using typescript, we can safely ignore this error
+    if (error.code === 'MODULE_NOT_FOUND' || error.code === 'ENOENT') {
+      return undefined;
+    }
+
+    // Other errors are unexpected, but should not block the jest configuration
+    return false;
+  }
+}
+
+/** Try to add the `moduleNameMapper` configuration from the typescript `paths` configuration. */
+function withTypescriptMapping(jestConfig) {
+  const fromTsConfig = mutateJestMappingFromConfig(jestConfig, 'tsconfig.json');
+  const fromJsConfig = !fromTsConfig
+    ? mutateJestMappingFromConfig(jestConfig, 'jsconfig.json')
+    : undefined;
+
+  if (fromTsConfig === false || fromJsConfig === false) {
+    console.warn('Failed to set custom typescript paths for jest.');
+    console.warn('You need to configure jest moduleNameMapper manually.');
+    console.warn(
+      'See: https://jestjs.io/docs/configuration#modulenamemapper-objectstring-string--arraystring'
+    );
+  }
+
+  return jestConfig;
+}
+
+module.exports = {
+  _jestMappingFromTypescriptPaths: jestMappingFromTypescriptPaths, // Exported for testing
+  withTypescriptMapping,
+};