Jest

JavaScript

    '^.+\\.jsx?$': ['babel-jest', {configFile: './babel.config.jest.js'}],

Jest Configuration

默认规则: [ "**/**tests**/**/_.[jt]s?(x)", "\*\*/?(_.)+(spec|test).[jt]s?(x)" ]

Visual Testing
- americanexpress/jest-image-snapshot

bash

npm i --save-dev jest babel-jest @babel/preset-env

依赖包jestbabel-jest@babel/preset-env

JavaScript

transform: {
"^.+\\.jsx?$": "babel-jest"
},

json

{
  "presets": ["@babel/preset-env"]
}

bash

yarn add --dev jest ts-jest @types/jest

依赖包jestts-jest@types/jest

TypeScript

/**
 * @jest-environment node
 */

jest.config.js

JavaScript

const { pathsToModuleNameMapper } = require('ts-jest/utils');
const { compilerOptions } = require('./tsconfig');

module.exports = {
  setupFiles: ['<rootDir>/jest.setup.js'],
  transform: {
    '^.+\\.(ts|tsx)$': 'ts-jest',
  },
  globals: {
    'ts-jest': {
      // tsConfig: 'tsconfig.jest.json',
      tsConfig: 'tsconfig.json',
    },
  },
  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, { prefix: '<rootDir>/' }),
};

jest.setup.js

bash

require('dotenv').config();

jest.config.js

jest.setup.js

Cannot use import statement outside a module

关联信息

参考资料