使用React對JEST進行測試

我使用create-react-app鍋爐板構建了一個小型React應用程序。現在我正在嘗試JEST（版本20.0.4）來實現一些單元測試。但我遇到了運行測試的問題。我的寶貝版本是6.26.0。使用React對JEST進行測試

這裏是我的測試腳本：

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); 
});

這裏是我的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" 
}}

在這裏，當我運行測試的錯誤消息我：

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>

這是我第一次使用JEST，我不確定究竟發生了什麼。我究竟做錯了什麼？？

來源

2017-08-28 ltc

你需要使用jest-babel來轉換你的文件。

來源

2017-09-12 06:34:48

使用React對JEST進行測試

回答

相關問題