JEST Test mit React

Question

Ich baute eine kleine React App mit create-react-app Boiler Plate. Jetzt versuche ich JEST (Version 20.0.4) einige Unit Tests zu implementieren. Aber ich stieß auf Probleme beim Ausführen des Tests. Meine babel Version ist 6.26.0.

Hier ist mein Testskript:

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

Hier ist meine 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" 
}} 

Und hier ist die Fehlermeldung habe ich, wenn ich den Test ausführen:

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> 

Diese ist das erste Mal, dass ich JEST benutze und ich bin mir nicht sicher, was genau passiert. Was mache ich falsch??

Answer 1

Sie müssen Ihre Dateien mit jest-babel transformieren.