Mit Babel, um reagierende Komponenten mit Mocha zu testen

Question

Ich versuche, eine reaktive Komponente mit Enzym/Mocha zu testen und bin ein wenig verwirrt, wie man es aufstellt. Hier

ist der Test

import React from 'react'; 
import { expect } from 'chai'; 
import { shallow, mount, render } from 'enzyme'; 
import Index from '../../public/js/components/polls/index' 

describe("INDEX", function() { 
    it("contains a div", function() { 
    expect(shallow(<Index />).contains(<div id="index">)).to.equal(true); 
    }); 

}); 

Hier ist der Befehl, den ich führen den Test zu starten:

env NODE_ENV=test mocha --compilers js:babel-register --require babel-polyfill --reporter spec --timeout 5000 --recursive 

Und hier ist der Fehler, den ich bekommen:

SyntaxError: /my_app/public/js/components/polls/index.js: Unexpected token (47:10) 
    45 | eachPoll(poll, i) { 
    46 |  return(
> 47 |   <Link to={"/poll/" + poll._id} key={poll._id}> 
    |   ^
    48 |    <div className="btn btn-info btn-block"> 
    49 |    {poll.name} 
    50 |    </div> 

Das Problem scheint mit JSX zu sein, aber ich bin in der Lage, diese Komponente mit Webpack gut zu erstellen. Was mache ich falsch?

Answer 1

Sie sollten Mokka laufen mit der babel-Register Option, um die Tests durch Babel auszuführen:

--compilers js:node_modules/babel-register 

sicher, dass Sie ein Verzeichnis .babelrc Datei in Ihrem Stamm haben. Es sollte mindestens das react Preset enthalten.

Beispiel für .babelrc:

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