semi-design/jest.config.js

// node_modules 中需要经过babel-jest处理的模块，在此声明
let ModuleNeedCompile2Cjs = [
    'lodash-es',
    'react-dnd',
    'dnd-core',
    'react-dnd-html5-backend',
    'lottie'
    // 'remark-gfm',
    // 'mdast-util-gfm',
    // 'mdast-util-find-and-replace',
    // 'mdast-util-to-markdown',
    // 'mdast-util-phrasing',
    // 'micromark-util-character',
    // 'micromark-util-normalize-identifier',
    // 'unist-util-visit-parents',
    // 'unist-util-stringify-position',
    // 'decode-named-character-reference'
    // 'devlop',
    // 'vfile',
    // 'vfile-location',
    // 'vfile-message',
    // 'markdown-extensions',
    // '@mdx-js/mdx',
    // 'mdast-util-mdx',
].join('|');

let config = {
    // 单元测试环境根目录
    // rootDir: path.resolve(__dirname),
    verbose: true,
    transform: {
        // 将.js、jsx后缀的文件使用babel-jest处理
        '^.+\\.(js|jsx|mjs|cjs|ts|tsx)$': 'babel-jest',
        '^.+\\.svg$': '<rootDir>/test/__mocks__/svgTransform.js',
    },
    setupFilesAfterEnv: ['<rootDir>/node_modules/jest-enzyme/lib/index.js'],
    // 运行测试前可运行的脚本，比如注册enzyme的兼容
    setupFiles: ['<rootDir>/test/setup.js', 'jest-date-mock'],
    testEnvironment: 'jsdom',
    // 忽略出lodash-es、react-dnd、dnd-core外的node_modules中的所有内容，即node_modules中只有lodash-es、react-dnd、dnd-core需要被babel-jest处理
    transformIgnorePatterns: [`<rootDir>/node_modules/(?!(${ModuleNeedCompile2Cjs}))`],
    snapshotSerializers: ['enzyme-to-json/serializer'],
    moduleFileExtensions: ['js', 'json', 'jsx', 'ts', 'tsx', 'node'],
    // moduleDirectories: ["node_modules"],
    moduleNameMapper: {
        '\\.(css|scss)$': '<rootDir>/test/__mocks__/styleMock.js',
        '\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
            '<rootDir>/test/__mocks__/fileMock.js',
        // 'vfile': '<rootDir>/packages/semi-foundation/node_modules/vfile',
        // 'remark-mdx': '<rootDir>/packages/semi-foundation/node_modules/remark-mdx',
        // 'unist-util-is': '<rootDir>/packages/semi-foundation/node_modules/unist-util-is',
        // 'unist-util-visit': '<rootDir>/packages/semi-foundation/node_modules/unist-util-visit',
        // 'vfile/do-not-use-conditional-minpath': '<rootDir>/packages/semi-foundation/node_modules/vfile/lib/minpath.js',
        // 'vfile/do-not-use-conditional-minproc': '<rootDir>/packages/semi-foundation/node_modules/vfile/lib/minproc.js',
        // 'vfile/do-not-use-conditional-minurl': '<rootDir>/packages/semi-foundation/node_modules/vfile/lib/minurl.js',
        // 'devlop': '<rootDir>/test/__mocks__/devlop.js',
        // 'unist-util-visit-parents/do-not-use-color': '<rootDir>/node_modules/unist-util-visit-parents/lib/color.node.js',
        
        '@mdx-js/mdx': '<rootDir>/test/__mocks__/mdx-3.0.1-cjs.js',
        'remark-gfm': '<rootDir>/test/__mocks__/remark-gfm-4.0.0-cjs.js',
        "@testing-library/react": "<rootDir>/node_modules/@testing-library/react",
        "@testing-library/dom": "<rootDir>/node_modules/@testing-library/dom",
        '@douyinfe/semi-ui(.*)$': '<rootDir>/packages/semi-ui/$1',
        '@douyinfe/semi-foundation(.*)$': '<rootDir>/packages/semi-foundation/$1',
        '@douyinfe/semi-illustrations(.*)$': '<rootDir>/packages/semi-illustrations/src/$1',
        '@douyinfe/semi-icons(.*)$': '<rootDir>/packages/semi-icons/src/$1',
        '@douyinfe/semi-json-viewer-core(.*)$': '<rootDir>/packages/semi-json-viewer-core/src/$1',
        // 将semi-animation相关的直接指向它的cjs版本，这样不用再走一次babel-jest的编译
        '@douyinfe/semi-animation-styled(.*)$': '<rootDir>/packages/semi-animation-styled',
        '@douyinfe/semi-animation-react(.*)$': '<rootDir>/packages/semi-animation-react',
        '@douyinfe/semi-animation(.*)$': '<rootDir>/packages/semi-animation',
        //   'react-dnd': '<rootDir>/node_modules/react-dnd-cjs/lib/index.js',
        '@test(.*)$': '<rootDir>/test/$1',
        '@storybook/react': '<rootDir>/test/__mocks__/storyMock.js',
        //   '@storybook/addon-knobs': '<rootDir>/test/__mocks__/storyAddonMock.js',
    },
    testURL: 'http://localhost',
    // 是否收集测试覆盖率
    //   collectCoverage: true, // 是否收集测试时的覆盖率信息
    collectCoverageFrom: [
        'packages/semi-ui/**/*.{js,jsx,mjs,ts,tsx}',
        'packages/semi-foundation/**/*.{js,jsx,mjs,ts,tsx}',
        '!packages/semi-ui/scripts/**',
        '!packages/semi-ui/types/**',
        '!packages/semi-foundation/scripts/**',
        '!packages/**/__test__/**',
        '!packages/**/_story/**',
        "!packages/**/getBabelConfig.js",
        "!packages/**/gulpfile.js",
        "!packages/**/webpack.config.js",
        "!packages/semi-ui/index.ts",
        '!packages/**/_test_/**',
        '!packages/**/dist/**',
        '!packages/semi-ui/locale/**',
    ], // 哪些文件需要收集覆盖率信息
    coverageDirectory: '<rootDir>/test/coverage', // 输出覆盖信息文件的目录
    coveragePathIgnorePatterns: ['/node_modules/', '<rootDir>/packages/*/index.js'], // 统计覆盖信息时需要忽略的文件

    // A set of global variables that need to be available in all test environments
    globals: {
        globalThis: {}
    },

};

// 指定需要进行单元测试的文件匹配规则
switch (process.env.type) {
    case 'unit':
        config.testMatch = ['<rootDir>/packages/semi-ui/**/__test__/**/*.[j|t]s?(x)'];
        break;
    case 'story':
        config.testMatch = ['<rootDir>/packages/semi-ui/**/_story/?(*.)+(stories).[j|t]s?(x)'];
        break;
    default:
        // unit & story
        config.testMatch = [
            '<rootDir>/packages/semi-ui/**/__test__/**/*.[j|t]s?(x)',
            '<rootDir>/packages/semi-ui/**/_story/?(*.)+(stories).[j|t]s?(x)',
        ];
        break;
}

module.exports = config;