酵素とモカのテスト - "予期しないトークンのインポート"

Question

私は酵素/モカのサンプルプロジェクトをhttps://github.com/lelandrichardson/enzyme-example-mochaで実行しようとしています。私はGithubからプロジェクトをクローン化し、npm installを実行しました。私はプロジェクトにその他の変更を加えることなくmochaを実行したときに、これは私が受け取った出力です：

/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) 

私node --versionはv6.1.0あると私mocha --versionは2.4.5です。

ノード/モカが実行できるようにこのプロジェクトをどのように変えるのですか？ありがとう。

Answer 1

をあなたはnpm run testを試してみましたか？ testスクリプトはpackage.json（"scripts"セクション）にあり、実行して初めて動作しました。ただmocha対npm run testと

違いは、前者は、あなたがtranspileのステップが欠落について言っていたものを、本質的であるbabel-registerを必要とし、それを実行ファイルtest/.setup.jsを、備えています。

Answer 2

明らかにノードは、importとclass ES6機能をサポートしていません。次のようにsrc/Foo.jsを書き換えることができます。

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; 

あなたのテストは正常に動作します。

Answer 3

.babelrcにプリセット2の設定を追加できます。

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

あなた.babelrcファイルに次の行を追加します。

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