测试带有开玩笑模块错误的React/打字稿组件

Question

我正在收到错误SyntaxError：在对React/typescript组件上进行简单测试时，无法在模块外使用导入语句，并且不确定在Babel中使用React/Typecript项目中使用模块的最佳方法， webpack和开玩笑。

这是我的babel.config.js：

const isTest = String(process.env.NODE_ENV) === 'test'
const isProd = String(process.env.NODE_ENV) === 'production'

module.exports = {
  presets: [
    ['@babel/preset-env', { modules: isTest ? 'commonjs' : false }], 
    '@babel/preset-typescript',
};

jest.config.js

module.exports = {
  "roots": [
  "<rootDir>/src"
  ],
  "testMatch": [
  "**/__tests__/**/*.+(ts|tsx|js)",
  "**/?(*.)+(spec|test).+(ts|tsx|js)"
  ],
  "transform": {
  "^.+\\.(ts|tsx)$": "ts-jest"
  },
  "moduleFileExtensions": ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
  
  }

这是我要运行的简单测试：

import { render } from '@testing-library/react'
import AppRouter from '../router'

test('it works!', () => {
    render(<AppRouter />)
})

请帮助！

解决方案

请确保在jest.config.js文件中检查您的testregex，并使用testenvironment正确设置testEnvironment：“ JSDOR”如果您使用的是ES6模块进行测试。