Use jest projects instead of custom jest wrapper

.circleci/config.yml

@@ -386,13 +386,10 @@ jobs:
     docker: *docker
     environment: *environment
     parallelism: *TEST_PARALLELISM
-    parameters:
-      args:
-        type: string
     steps:
       - checkout
       - setup_node_modules
-      - run: yarn test <<parameters.args>> --ci
+      - run: yarn jest --selectProjects=stable-production --maxWorkers=2 --ci --shard=$(expr $CIRCLE_NODE_INDEX + 1)/$CIRCLE_NODE_TOTAL
 
   yarn_test_build:
     docker: *docker
@@ -481,28 +478,6 @@ workflows:
             branches:
               ignore:
                 - builds/facebook-www
-          matrix:
-            parameters:
-              args:
-                # Intentionally passing these as strings instead of creating a
-                # separate parameter per CLI argument, since it's easier to
-                # control/see which combinations we want to run.
-                - "-r=stable --env=development"
-                - "-r=stable --env=production"
-                - "-r=experimental --env=development"
-                - "-r=experimental --env=production"
-                - "-r=www-classic --env=development --variant=false"
-                - "-r=www-classic --env=production --variant=false"
-                - "-r=www-classic --env=development --variant=true"
-                - "-r=www-classic --env=production --variant=true"
-                - "-r=www-modern --env=development --variant=false"
-                - "-r=www-modern --env=production --variant=false"
-                - "-r=www-modern --env=development --variant=true"
-                - "-r=www-modern --env=production --variant=true"
-
-                # TODO: Test more persistent configurations?
-                - '-r=stable --env=development --persistent'
-                - '-r=experimental --env=development --persistent'
       - yarn_build:
           filters:
             branches:

jest.config.js

@@ -0,0 +1,171 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+function createConfig({releaseChannel, env, variant, persistent}) {
+  let displayName = `${releaseChannel}-${env}`;
+  if (variant === true) {
+    displayName += '-variant';
+  }
+  if (persistent) {
+    displayName += '-persistent';
+  }
+
+  const setupFiles = [];
+  if (variant) {
+    setupFiles.push(require.resolve('./scripts/jest/setupEnvVariant.js'));
+  }
+  switch (env) {
+    case 'development':
+      setupFiles.push(require.resolve('./scripts/jest/setupEnvDevelopment.js'));
+      break;
+    case 'production':
+      setupFiles.push(require.resolve('./scripts/jest/setupEnvProduction.js'));
+      break;
+    default:
+      throw new Error(`Unexpected env: ${env}`);
+  }
+  setupFiles.push(require.resolve('./scripts/jest/setupEnvironment.js'));
+  if (persistent) {
+    setupFiles.push(require.resolve('./scripts/jest/setupTests.persistent.js'));
+  } else {
+    switch (releaseChannel) {
+      case 'www-classic':
+      case 'www-modern':
+        setupFiles.push(require.resolve('./scripts/jest/setupTests.www.js'));
+        break;
+      case 'experimental':
+      case 'stable':
+        // no special setup files
+        break;
+      default:
+        throw new Error(`Unexpected release channel: ${releaseChannel}`);
+    }
+  }
+  setupFiles.push(require.resolve('./scripts/jest/setupHostConfigs.js'));
+
+  const modulePathIgnorePatterns = [
+    '<rootDir>/scripts/rollup/shims/',
+    '<rootDir>/scripts/bench/',
+    'packages/react-devtools-extensions',
+    'packages/react-devtools-shared',
+  ];
+
+  if (persistent) {
+    modulePathIgnorePatterns.push(
+      'ReactIncrementalPerf',
+      'ReactIncrementalUpdatesMinimalism',
+      'ReactIncrementalTriangle',
+      'ReactIncrementalReflection',
+      'forwardRef'
+    );
+  }
+
+  return {
+    displayName,
+    setupFiles,
+    modulePathIgnorePatterns,
+    transform: {
+      '.*':
+        env === 'development'
+          ? require.resolve('./scripts/jest/preprocessor.dev.js')
+          : require.resolve('./scripts/jest/preprocessor.prod.js'),
+    },
+    prettierPath: require.resolve('prettier-2'),
+    setupFilesAfterEnv: [require.resolve('./scripts/jest/setupTests.js')],
+    // Only include files directly in __tests__, not in nested folders.
+    testRegex: '/__tests__/[^/]*(\\.js|\\.coffee|[^d]\\.ts)$',
+    moduleFileExtensions: ['js', 'json', 'node', 'coffee', 'ts'],
+    rootDir: process.cwd(),
+    roots: ['<rootDir>/packages', '<rootDir>/scripts'],
+    fakeTimers: {
+      enableGlobally: true,
+      legacyFakeTimers: true,
+    },
+    snapshotSerializers: [require.resolve('jest-snapshot-serializer-raw')],
+    testEnvironment: 'jsdom',
+    testRunner: 'jest-circus/runner',
+  };
+}
+
+module.exports = {
+  globalSetup: require.resolve('./scripts/jest/setupGlobal.js'),
+  collectCoverageFrom: ['packages/**/*.js'],
+
+  projects: [
+    createConfig({
+      releaseChannel: 'stable',
+      env: 'development',
+    }),
+    createConfig({
+      releaseChannel: 'stable',
+      env: 'production',
+    }),
+    createConfig({
+      releaseChannel: 'stable',
+      env: 'development',
+      persistent: true,
+    }),
+
+    createConfig({
+      releaseChannel: 'experimental',
+      env: 'development',
+    }),
+    createConfig({
+      releaseChannel: 'experimental',
+      env: 'production',
+    }),
+    createConfig({
+      releaseChannel: 'experimental',
+      env: 'development',
+      persistent: true,
+    }),
+
+    createConfig({
+      releaseChannel: 'www-classic',
+      env: 'development',
+      variant: false,
+    }),
+    createConfig({
+      releaseChannel: 'www-classic',
+      env: 'production',
+      variant: false,
+    }),
+    createConfig({
+      releaseChannel: 'www-classic',
+      env: 'development',
+      variant: true,
+    }),
+    createConfig({
+      releaseChannel: 'www-classic',
+      env: 'production',
+      variant: true,
+    }),
+
+    createConfig({
+      releaseChannel: 'www-modern',
+      env: 'development',
+      variant: false,
+    }),
+    createConfig({
+      releaseChannel: 'www-modern',
+      env: 'production',
+      variant: false,
+    }),
+    createConfig({
+      releaseChannel: 'www-modern',
+      env: 'development',
+      variant: true,
+    }),
+    createConfig({
+      releaseChannel: 'www-modern',
+      env: 'production',
+      variant: true,
+    }),
+  ],
+};

package.json

@@ -103,9 +103,6 @@
   "devEngines": {
     "node": "16.x || 18.x || 20.x || 21.x"
   },
-  "jest": {
-    "testRegex": "/scripts/jest/dont-run-jest-directly\\.js$"
-  },
   "scripts": {
     "build": "node ./scripts/rollup/build-all-release-channels.js",
     "build-for-devtools": "cross-env RELEASE_CHANNEL=experimental yarn build react/index,react/jsx,react-dom/index,react-dom/unstable_testing,react-dom/test-utils,react-is,react-debug-tools,scheduler,react-test-renderer,react-refresh,react-art --type=NODE",
@@ -116,10 +113,7 @@
     "lint-build": "node ./scripts/rollup/validate/index.js",
     "extract-errors": "node scripts/error-codes/extract-errors.js",
     "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json && node ./scripts/flow/createFlowConfigs.js",
-    "test": "node ./scripts/jest/jest-cli.js",
-    "test-stable": "node ./scripts/jest/jest-cli.js --release-channel=stable",
-    "test-www": "node ./scripts/jest/jest-cli.js --release-channel=www-modern",
-    "test-classic": "node ./scripts/jest/jest-cli.js --release-channel=www-classic",
+    "test": "jest",
     "test-build-devtools": "node ./scripts/jest/jest-cli.js --build --project devtools --release-channel=experimental",
     "test-dom-fixture": "cd fixtures/dom && yarn && yarn predev && yarn test",
     "flow": "node ./scripts/tasks/flow.js",

packages/react/src/__tests__/ReactClassEquivalence-test.js

@@ -12,13 +12,13 @@
 const spawnSync = require('child_process').spawnSync;
 
 describe('ReactClassEquivalence', () => {
-  it('tests the same thing for es6 classes and CoffeeScript', () => {
+  it.skip('tests the same thing for es6 classes and CoffeeScript', () => {
     const result1 = runJest('ReactCoffeeScriptClass-test.coffee');
     const result2 = runJest('ReactES6Class-test.js');
     compareResults(result1, result2);
   });
 
-  it('tests the same thing for es6 classes and TypeScript', () => {
+  it.skip('tests the same thing for es6 classes and TypeScript', () => {
     const result1 = runJest('ReactTypeScriptClass-test.ts');
     const result2 = runJest('ReactES6Class-test.js');
     compareResults(result1, result2);