运行yarn run jest --no-cache时,抛出一个错误,内容如下:
SyntaxError: Unexpected token import
我最好的猜测是 babel 没有达到这个测试文件。我需要将它们包含在 .babelrc 中吗?
path:
/src/tests/LandingPage.test.js
测试文件:
import React from 'react';
import ReactShallowRenderer from 'react-test-renderer/shallow';
import LandingPage from '../../components/LandingPage';
test('Should render LandingPage correctly', () => {
const renderer = new ReactShallowRenderer();
renderer.render(<LandingPage />);
expect(renderer.getRenderOutput()).toMatchSnapshot();
});
.babelrc:
{
"presets": [
"env",
"react"
],
"plugins": [
"transform-class-properties",
"transform-object-rest-spread"
]
}
感谢@hannad rehmann 在正确的方向上的推动,这是对我有用的解决方案。
安装 babel-jest
yarn add babel-jest --dev
为测试环境配置 .babelrc
Jest 会自动设置您的环境进行测试,因此将您想要的任何配置复制到测试环境中。
{
"presets": [
"env",
"react"
],
"plugins": [
"transform-class-properties",
"transform-object-rest-spread"
],
"env": {
"test": {
"presets": [
"env",
"react"
],
"plugins": [
"transform-class-properties",
"transform-object-rest-spread"
]
}
}
}
Add jest.config.json
到项目根目录
{
"transform": {
"^.+\\.jsx?$": "babel-jest"
}
}
最后,让您的测试脚本知道在哪里可以找到配置文件
我刚刚将其添加到 package.json 中的测试脚本中,但您也可以在命令行中运行它。
"scripts": {
"test": "jest --config=jest.config.json --watch"
},
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)