jest.web.config.js

// eslint-disable-next-line @typescript-eslint/no-var-requires
const base = require('./jest.config')

module.exports = {
  ...base,
  preset: 'react-native-web',
  testEnvironment: 'jest-environment-jsdom',
  snapshotResolver: '<rootDir>/jest/custom-snapshot-resolver-web.js',
  setupFiles: [
    'react-native-web/jest/setup.js',
    ...base.setupFiles,
    '<rootDir>/jest/jest.web.setup.ts',
  ],
  setupFilesAfterEnv: [
    ...base.setupFilesAfterEnv,
    '<rootDir>/jest/jest.web.setupAfterEnv.ts'
  ],
  testRegex: '(?<!.(?:native|ios|android)).(?:test|spec).(?:tsx?|js)$',
  moduleFileExtensions: ['web.tsx', 'web.ts', 'web.js', 'web.jsx', ...base.moduleFileExtensions],
  moduleNameMapper: {
    ...base.moduleNameMapper,
    '^react-native$': 'react-native-web',
    '^react-native-svg$': 'react-native-svg-web',
    '^react-native-linear-gradient$': 'react-native-web-linear-gradient',
    '\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
      '<rootDir>/__mocks__/fileMock.ts',
    '\\.(css|less)$': '<rootDir>/__mocks__/fileMock.ts',

    // temporary mock things until implemented
    'react-native-fast-image': '<rootDir>/__mocks__/fragmentMock.ts',
  },
  collectCoverageFrom: [...base.collectCoverageFrom, '!**/*.(native|ios|android).*'],
  testPathIgnorePatterns: [
    ...base.testPathIgnorePatterns,
    '.*(/tests?/.*.(native|ios|android).(test|spec)).(tsx?)$',
  ],
  transform: {
    ...base.transform,
  },
  verbose: true,
  globals: {
    __DEV__: true,
  },
}