Jest测试遇到的问题

###日结博客 11.5 18 HZ

记录Jest运行的问题

• 关于webpack里alias的问题

  由于在webpack配置了路径别名，所以在你shallow/mount/render时报路径错误

  解决方案

  // 在package.json Jest里加入
   "moduleNameMapper": {
        "^components(.*)$": "/src/components$1",
    },

• enzyme启动报需要Adapter错误

  • 添加package.json配置

  
  "setupTestFrameworkScriptFile": "/src/__test__/config.js",

  • 编写config.js文件

  
  const Enzyme = require('enzyme');
  const EnzymeAdapter = require('enzyme-adapter-react-16'); // 数字根据你的react版本号改变
  ​
  // Setup enzyme's react adapter
  Enzyme.configure({ adapter: new EnzymeAdapter() });

• node_modules里的依赖报错

  • 检测testEnvirnoment

  "testEnvironment": "jsdom", // 可以设置为node

  • 添加路径忽略

  
  "testPathIgnorePatterns": [     
        "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$",
        "/node_modules/"
   ],