基于dumi 搭建的组件库自动化测试工具 Jest 配置

Jest是一个令人愉快的 JavaScript 测试框架！

安装jest

根据官方文档快速集成

配置

根目录创建配置文件（可手动：jest.config.js）

jest init

<rootDir>：根目录 __tests__：为默认预定是目录

module.exports = {
  // 指定 Jest 的测试用例位置
  roots: ['<rootDir>/__tests__'],
  // 测试文件匹配规则
  testMatch: [
    '<rootDir>/__tests__/**/*.{js,jsx,ts,tsx}',
    '<rootDir>/*.{spec,test}.{js,jsx,ts,tsx}',
  ],
  //模块映射处理
  moduleNameMapper: {
    'xxx-react/utils': '<rootDir>/src/utils',
    'xxx-react': '<rootDir>/src',
    // 静态资源（css）处理 去掉静态资源
    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
      '<rootDir>/__mocks__/fileMock.js',
      
    // CSS 模块处理两方案
    
    // 去掉 css
    // '\\.(css|less)$': '<rootDir>/__mocks__/styleMock.js',  
    
    // 模拟 CSS 模块 需安装：yarn add identity-obj-proxy
    '\\.(css|less)$': 'identity-obj-proxy',
  },
  
  transform: {
    '^.+\\.(ts|tsx)$': 'ts-jest',
  },
};