const IS_EE = require('./config/helpers/is_ee_env'); const isESLint = require('./config/helpers/is_eslint'); const IS_JH = require('./config/helpers/is_jh_env'); module.exports = (path, options = {}) => { const { moduleNameMapper: extModuleNameMapper = {}, moduleNameMapperEE: extModuleNameMapperEE = {}, moduleNameMapperJH: extModuleNameMapperJH = {}, } = options; const reporters = ['default']; // To have consistent date time parsing both in local and CI environments we set // the timezone of the Node process. https://gitlab.com/gitlab-org/gitlab-foss/merge_requests/27738 process.env.TZ = 'GMT'; if (process.env.CI) { reporters.push([ 'jest-junit', { outputName: './junit_jest.xml', addFileAttribute: 'true', }, ]); } const glob = `${path}/**/*_spec.js`; let testMatch = [`/${glob}`]; if (IS_EE) { testMatch.push(`/ee/${glob}`); } if (IS_JH) { testMatch.push(`/jh/${glob}`); } // workaround for eslint-import-resolver-jest only resolving in test files // see https://github.com/JoinColony/eslint-import-resolver-jest#note if (isESLint(module)) { testMatch = testMatch.map((modulePath) => modulePath.replace('_spec.js', '')); } const TEST_FIXTURES_PATTERN = 'test_fixtures(/.*)$'; const moduleNameMapper = { '^~(/.*)$': '/app/assets/javascripts$1', '^ee_component(/.*)$': '/app/assets/javascripts/vue_shared/components/empty_component.js', '^jh_component(/.*)$': '/app/assets/javascripts/vue_shared/components/empty_component.js', '^shared_queries(/.*)$': '/app/graphql/queries$1', '^ee_else_ce(/.*)$': '/app/assets/javascripts$1', '^jh_else_ce(/.*)$': '/app/assets/javascripts$1', '^helpers(/.*)$': '/spec/frontend/__helpers__$1', '^vendor(/.*)$': '/vendor/assets/javascripts$1', [TEST_FIXTURES_PATTERN]: '/tmp/tests/frontend/fixtures$1', '^test_fixtures_static(/.*)$': '/spec/frontend/fixtures/static$1', '\\.(jpg|jpeg|png|svg|css)$': '/spec/frontend/__mocks__/file_mock.js', 'emojis(/.*).json': '/fixtures/emojis$1.json', '^spec/test_constants$': '/spec/frontend/__helpers__/test_constants', '^jest/(.*)$': '/spec/frontend/$1', '^jquery$': '/node_modules/jquery/dist/jquery.slim.js', ...extModuleNameMapper, }; const collectCoverageFrom = ['/app/assets/javascripts/**/*.{js,vue}']; if (IS_EE) { const rootDirEE = '/ee/app/assets/javascripts$1'; Object.assign(moduleNameMapper, { '^ee(/.*)$': rootDirEE, '^ee_component(/.*)$': rootDirEE, '^ee_else_ce(/.*)$': rootDirEE, '^ee_jest/(.*)$': '/ee/spec/frontend/$1', [TEST_FIXTURES_PATTERN]: '/tmp/tests/frontend/fixtures-ee$1', ...extModuleNameMapperEE, }); collectCoverageFrom.push(rootDirEE.replace('$1', '/**/*.{js,vue}')); } if (IS_JH) { const rootDirJH = '/jh/app/assets/javascripts$1'; Object.assign(moduleNameMapper, { '^jh(/.*)$': rootDirJH, '^jh_component(/.*)$': rootDirJH, '^jh_else_ce(/.*)$': rootDirJH, '^jh_jest/(.*)$': '/jh/spec/frontend/$1', ...extModuleNameMapperJH, }); collectCoverageFrom.push(rootDirJH.replace('$1', '/**/*.{js,vue}')); } const coverageDirectory = () => { if (process.env.CI_NODE_INDEX && process.env.CI_NODE_TOTAL) { return `/coverage-frontend/jest-${process.env.CI_NODE_INDEX}-${process.env.CI_NODE_TOTAL}`; } return '/coverage-frontend/'; }; return { clearMocks: true, testMatch, moduleFileExtensions: ['js', 'json', 'vue', 'gql', 'graphql'], moduleNameMapper, collectCoverageFrom, coverageDirectory: coverageDirectory(), coverageReporters: ['json', 'lcov', 'text-summary', 'clover'], // We need ignore _worker code coverage since we are manually transforming it coveragePathIgnorePatterns: ['/node_modules/', '_worker\\.js$'], cacheDirectory: '/tmp/cache/jest', modulePathIgnorePatterns: ['/.yarn-cache/'], reporters, resolver: './jest_resolver.js', setupFilesAfterEnv: [`/${path}/test_setup.js`, 'jest-canvas-mock'], restoreMocks: true, transform: { '^.+\\.(gql|graphql)$': 'jest-transform-graphql', '^.+_worker\\.js$': './spec/frontend/__helpers__/web_worker_transformer.js', '^.+\\.js$': 'babel-jest', '^.+\\.vue$': 'vue-jest', '^.+\\.(md|zip|png)$': 'jest-raw-loader', }, transformIgnorePatterns: [ 'node_modules/(?!(@gitlab/ui|@gitlab/favicon-overlay|bootstrap-vue|three|monaco-editor|monaco-yaml|fast-mersenne-twister|prosemirror-markdown|dateformat)/)', ], timers: 'fake', testEnvironment: '/spec/frontend/environment.js', testEnvironmentOptions: { IS_EE, IS_JH, }, }; };