ユニットテストの構文error、react、mocha

Question

酵素、モカ、チャイによる反応アプリのテストを設定しようとしています。 （私もwebpackを使用しています）。私はカルマをブラウザ内テスト用にセットアップしましたが、私はちょうどノードでこれらのテストを実行したいと思います。

現在、テストを実行しようとすると、構文エラーが表示されます。私はそれを解決する方法がわかりません。

アップデート：私はES6でmocha 'components/**/*.test.js' --recursive --compilers js:babel-register

を私のテストを実行している私が手にエラーがある：

8 | describe('<button />',() => { 
    9 |  it('renders something',() => { 
> 10 |   const wrapper = shallow(<button />) 
    11 |   expect(wrapper).to.be.present 
    12 | }) 

Answer 1

あなたはそれがJSXの構文を扱うことができる前に、バベルを設定する必要があります。

2つのオプションがあります：package.jsonに設定を追加するか、設定を含む.babelrcというファイルを作成します。

まず、babel-preset-reactをインストールします。

$ npm i babel-preset-react --save 

次に、あなたのpackage.jsonに次の行を追加します。

"babel": { 
    "presets": [ "react" ] 
} 

（または.babelrcから"バベル"キー、なしで、そのオブジェクトを追加します）

使用する可能性がある別のプリセットはです3210も同様の方法で追加できます（presets配列に追加するだけです）。

詳細については、hereとhere（具体的にはes2015）のドキュメントを参照してください。