Jest throws errorコンポーネントをインポートしようとしたときに予期しないトークン機能が発生しました

Question

Jestで基本的な反応コンポーネントをテストしようとしていますが、コンポーネントをインポートしようとすると破損します。編集：それは私がより単純なコンポーネントで読み込む場合、このエラーをスローしないことに気づいた。私がロードしようとしているのは基本的に同じですが、asyncインスタンスメソッドがあります。おそらくそれは冗談を壊すものですか？あなたがテストを壊すasyncキーワードについてあなたの仮定ではおそらく正しいです

"jest": { 

    "setupTestFrameworkScriptFile": "./node_modules/jest-enzyme/lib/index.js", 

    "moduleFileExtensions": [ 
     "ts", 
     "tsx", 
     "js", 
     "json", 
     "jsx" 
    ], 

    "unmockedModulePathPatterns": [ 
     "<rootDir>/node_modules/react", 
     "<rootDir>/node_modules/react-dom", 
     "<rootDir>/node_modules/react-addons-test-utils" 
    ] 
    } 

Answer 1

：

test.js

import React from 'react'; 
import {shallow} from 'enzyme'; 
import Component from '../components/component'; 


describe('Component',() => { 

    it('renders the player component',() => { 

     expect(true).toBe(true) 

    }); 


}); 

.babelrc

{ 
    "presets": ["es2015", "react"] 
} 

package.json冗談設定。このテストをv7.6よりもNodeJSの下位バージョンで実行している場合は、.babelrcファイルで使用しているプリセットではasync/awaitがサポートされていません。

• https://babeljs.io/docs/plugins/transform-async-to-generator/
• https://github.com/babel/babel-preset-env
• https://babeljs.io/docs/plugins/preset-es2017/