summaryrefslogtreecommitdiff
path: root/jest.config.js
blob: e9e1a598608f8c77b9ad20e8a2cdc6a700a0899c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
const IS_EE = require('./config/helpers/is_ee_env');

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',
    {
      output: './junit_jest.xml',
    },
  ]);
}

let testMatch = ['<rootDir>/spec/frontend/**/*_spec.js'];
if (IS_EE) {
  testMatch.push('<rootDir>/ee/spec/frontend/**/*_spec.js');
}

// workaround for eslint-import-resolver-jest only resolving in test files
// see https://github.com/JoinColony/eslint-import-resolver-jest#note
const { filename: parentModuleName } = module.parent;
const isESLint = parentModuleName && parentModuleName.includes('/eslint-import-resolver-jest/');
if (isESLint) {
  testMatch = testMatch.map(path => path.replace('_spec.js', ''));
}

const moduleNameMapper = {
  '^~(/.*)$': '<rootDir>/app/assets/javascripts$1',
  '^ee_component(/.*)$':
    '<rootDir>/app/assets/javascripts/vue_shared/components/empty_component.js',
  '^ee_else_ce(/.*)$': '<rootDir>/app/assets/javascripts$1',
  '^helpers(/.*)$': '<rootDir>/spec/frontend/helpers$1',
  '^vendor(/.*)$': '<rootDir>/vendor/assets/javascripts$1',
  '\\.(jpg|jpeg|png|svg|css)$': '<rootDir>/spec/frontend/__mocks__/file_mock.js',
  'emojis(/.*).json': '<rootDir>/fixtures/emojis$1.json',
  '^spec/test_constants$': '<rootDir>/spec/frontend/helpers/test_constants',
  '^jest/(.*)$': '<rootDir>/spec/frontend/$1',
};

const collectCoverageFrom = ['<rootDir>/app/assets/javascripts/**/*.{js,vue}'];

if (IS_EE) {
  const rootDirEE = '<rootDir>/ee/app/assets/javascripts$1';
  Object.assign(moduleNameMapper, {
    '^ee(/.*)$': rootDirEE,
    '^ee_component(/.*)$': rootDirEE,
    '^ee_else_ce(/.*)$': rootDirEE,
    '^ee_jest/(.*)$': '<rootDir>/ee/spec/frontend/$1',
  });

  collectCoverageFrom.push(rootDirEE.replace('$1', '/**/*.{js,vue}'));
}

const coverageDirectory = () => {
  if (process.env.CI_NODE_INDEX && process.env.CI_NODE_TOTAL) {
    return `<rootDir>/coverage-frontend/jest-${process.env.CI_NODE_INDEX}-${process.env.CI_NODE_TOTAL}`;
  }

  return '<rootDir>/coverage-frontend/';
};

// eslint-disable-next-line import/no-commonjs
module.exports = {
  clearMocks: true,
  testMatch,
  moduleFileExtensions: ['js', 'json', 'vue'],
  moduleNameMapper,
  collectCoverageFrom,
  coverageDirectory: coverageDirectory(),
  coverageReporters: ['json', 'lcov', 'text-summary', 'clover'],
  cacheDirectory: '<rootDir>/tmp/cache/jest',
  modulePathIgnorePatterns: ['<rootDir>/.yarn-cache/'],
  reporters,
  setupFilesAfterEnv: ['<rootDir>/spec/frontend/test_setup.js', 'jest-canvas-mock'],
  restoreMocks: true,
  transform: {
    '^.+\\.(gql|graphql)$': 'jest-transform-graphql',
    '^.+\\.js$': 'babel-jest',
    '^.+\\.vue$': 'vue-jest',
  },
  transformIgnorePatterns: ['node_modules/(?!(@gitlab/ui|bootstrap-vue|three|monaco-editor)/)'],
  timers: 'fake',
  testEnvironment: '<rootDir>/spec/frontend/environment.js',
  testEnvironmentOptions: {
    IS_EE,
  },
};

const karmaTestFile = process.argv.find(arg => arg.includes('spec/javascripts/'));
if (karmaTestFile) {
  console.error(`
Files in spec/javascripts/ and ee/spec/javascripts need to be run with Karma.
Please use the following command instead:

yarn karma -f ${karmaTestFile}

`);
  process.exit(1);
}