Reactjs 用React进行笑话测试

我使用CreateReact应用程序样板创建了一个小的React应用程序。 我试图使用JEST（版本20.0.4）来实现一些单元测试 但我在运行测试时遇到了问题。 我的巴别塔版本是6.26.0

以下是我的测试脚本：

import React from 'react';
import ReactDOM from 'react-dom';
import App from '../App';

it('renders without crashing', () => {
 const div = document.createElement('div');
 ReactDOM.render(<App />, div);
});

从“React”导入React；
从“react dom”导入react dom；
从“../App”导入应用程序；
它（'渲染而不崩溃'，（）=>{
const div=document.createElement（'div'）；
ReactDOM.render（，div）；
});

这是我的Package.json：

"jest": {
"moduleNameMapper": {
  "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"
},
"transform": {
  "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/fileTransformer.js"
}}

“开玩笑”：{
“moduleNameMapper”：{
“\\（css | less）$”：“/\uu mocks\uuu/styleMock.js”
},
“转变”：{
“\ \（jpg | jpeg | png | gif | eot | otf | webp | svg | ttf | woff | woff2 | mp4 | webm | wav | mp3 | m4a | aac | oga）$”：“/fileTransformer.js
}}

下面是我运行测试时收到的错误消息：

 FAIL  src/test/App.test.jsx
 ● Test suite failed to run

/Users/Bluna/lunathecat-projects/reddit-react-app/src/test/App.test.jsx:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React from 'react';
                                                                                         ^^^^^^

SyntaxError: Unexpected token import

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
      at <anonymous>

src/test/App.test.jsx失败
● 测试套件无法运行
/Users/Bluna/lunatechat projects/reddit react app/src/test/app.test.jsx:1
（{“Object.”：函数（模块、导出、require、u dirname、u filename、全局、jest）{从“React”导入React；
^^^^^^
SyntaxError:意外的令牌导入
在ScriptTransformer.\u transformAndBuildScript（节点\u模块/jest运行时/build/ScriptTransformer.js:289:17）
在

---

这是我第一次使用JEST，我不确定到底发生了什么。我做错了什么？？？

您需要使用JEST babel转换文件。

您需要使用JEST babel转换文件