Testing mit Enzyme und Mokka - „unerwarteter Token-Import“

Question

Ich versuche, das Enzym/Mocha Beispielprojekt bei https://github.com/lelandrichardson/enzyme-example-mocha auszuführen. Ich habe das Projekt von Github geklont und lief npm install. Als ich mocha lief zu dem Projekt alle anderen Änderungen, ohne, das ist der Ausgang I erhalten:

/Projects/enzyme-example-mocha/test/Foo-test.js:1 
(function (exports, require, module, __filename, __dirname) { import React from 'react'; 
                   ^^^^^^ 
SyntaxError: Unexpected token import 
    at exports.runInThisContext (vm.js:53:16) 
    at Module._compile (module.js:511:25) 
    at Object.Module._extensions..js (module.js:550:10) 
    at Module.load (module.js:456:32) 
    at tryModuleLoad (module.js:415:12) 
    at Function.Module._load (module.js:407:3) 
    at Module.require (module.js:466:17) 
    at require (internal/module.js:20:19) 

Mein node --version ist v6.1.0 und meine mocha --version ist 2.4.5.

Wie bekomme ich dieses Projekt in etwas Knoten transpile/kann Mocha laufen? Vielen Dank.

Answer 1

Haben Sie versucht, npm run test? Ich sah das test Skript in package.json (im "scripts" Abschnitt), lief es, und es funktionierte das erste Mal.

Der Unterschied npm run test vs nur mocha ist die ehemalige die Datei test/.setup.js enthält, die babel-register erfordert und führt sie aus, die im Wesentlichen ist, was man einen transpile Schritt über fehlende sagten.

Answer 2

Anscheinend Knoten unterstützt die import und class ES6 Funktionen noch nicht. Sie können src/Foo.js wie folgt umschreiben:

const React = require('react'); 

const propTypes = {}; 

const defaultProps = {}; 

var Foo = React.createClass({ 
    render: function() { 
    return (
     <div className="foo" /> 
    ); 
    } 
}); 

Foo.propTypes = propTypes; 
Foo.defaultProps = defaultProps; 

module.exports.Foo = Foo; 

So werden Ihre Tests gut laufen.

Answer 3

Sie können die Preset 2 Einstellung in Ihrer .babelrc hinzuzufügen.

$ npm install --save-dev babel-preset-stage-2

Fügen Sie die folgende Zeile in die Datei .babelrc:

{ 
    "presets": ["stage-2","react","es2015"] 
}