Finish web and native jest projects configs

Author: MatiPl01

packages/react-native-reanimated/jest-web-setup.js

@@ -0,0 +1,41 @@
+const { Platform } = require('react-native');
+
+if (typeof window !== 'undefined' && typeof window.matchMedia !== 'function') {
+  window.matchMedia = (query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    addListener: () => {},
+    removeListener: () => {},
+    dispatchEvent: () => false,
+  });
+}
+
+Platform.OS = 'web';
+
+const originalSelect = Platform.select.bind(Platform);
+
+Platform.select = (spec) => {
+  if (spec == null) {
+    return spec;
+  }
+
+  if (typeof spec !== 'object' && typeof spec !== 'function') {
+    return spec;
+  }
+
+  /** @type {Record<string, unknown>} */
+  const typedSpec = spec;
+
+  if ('web' in typedSpec) {
+    return typedSpec.web;
+  }
+
+  if ('default' in typedSpec) {
+    return typedSpec.default;
+  }
+
+  return originalSelect(typedSpec);
+};

packages/react-native-reanimated/jest.config.js

@@ -1,9 +1,45 @@
-/** @type {import('jest').Config} */
-module.exports = {
+const { getWebPreset } = require('jest-expo/config');
+
+const sharedSetupFiles = ['<rootDir>/jest-setup.js'];
+const sharedSetupFilesAfterEnv = ['@testing-library/jest-native/extend-expect'];
+
+/**
+ * @param {import('jest').Config} presetConfig
+ * @returns {import('jest').Config}
+ */
+const createProject = ({
+  modulePathIgnorePatterns = [],
+  setupFiles = [],
+  setupFilesAfterEnv = [],
+  ...rest
+}) => ({
+  ...rest,
+  modulePathIgnorePatterns: [...modulePathIgnorePatterns, '<rootDir>/lib'],
+  setupFiles: [...setupFiles, ...sharedSetupFiles],
+  setupFilesAfterEnv: [...setupFilesAfterEnv, ...sharedSetupFilesAfterEnv],
+});
+
+const nativeProject = createProject({
+  displayName: 'native',
   preset: 'react-native',
-  modulePathIgnorePatterns: ['lib'],
-  setupFiles: ['./jest-setup.js'],
-  setupFilesAfterEnv: ['@testing-library/jest-native/extend-expect'],
   testEnvironment: 'node',
-  transformIgnorePatterns: [],
+  testPathIgnorePatterns: ['\\.web\\.test\\.(?:js|jsx|ts|tsx)$'],
+});
+
+
+const {
+  snapshotResolver: _,
+  ...baseWebPreset
+} = getWebPreset();
+
+const webProject = createProject({
+  ...baseWebPreset,
+  setupFiles: [...baseWebPreset.setupFiles, '<rootDir>/jest-web-setup.js'],
+  displayName: 'web',
+  testMatch: ['**/*.web.test.@(js|jsx|ts|tsx)'],
+  testEnvironment: 'jsdom',
+});
+
+module.exports = {
+  projects: [nativeProject, webProject],
 };

packages/react-native-reanimated/package.json

@@ -120,6 +120,7 @@
     "clang-format-node": "1.3.5",
     "eslint": "9.37.0",
     "jest": "30.2.0",
+    "jest-expo": "52.0.5",
     "knip": "5.61.3",
     "madge": "8.0.0",
     "prettier": "3.6.2",