使用MochatestingReact组件：意外令牌

我有我的React组件都充实，我想学习如何用Mocha + chai正确地testing这些组件。 我有这些configuration为我的package.json （相关的）：

 "scripts": { "start": "http-server", "build": "watchify main.js -t babelify -o bundle.js", "test": "./node_modules/mocha/bin/mocha --compilers js:babel-core/register test/test*.js" }, "devDependencies": { "babel": "^5.6.23", "babelify": "^6.1.3", "browserify": "^11.0.0", "chai": "^3.5.0", "jsdom": "^9.8.3", "mocha": "^3.2.0", "react-addons-test-utils": "^15.4.1" }, "babel": { "presets": [ "es2015" ] } 

我有Skill.js ：

 import React from 'react'; import _ from 'underscore'; export default class Skills extends React.Component { render() { return ( <div> <h1>TES T</h1> </div> ) } } 

以及一个名为test的文件夹中的test.js文件：

 import React from 'react'; import { expect, assert } from 'chai'; import Skills from '../src/components/Skills.js'; 

我在运行npm test时收到意外的令牌错误。

控制台在抱怨什么？ 为什么<div>标签无效？

Answer 1

在使用之前，您需要安装babel-preset-es2015

 npm install --save-dev babel-preset-es2015 

Answer 2

我有一个类似的问题，起初我以为我没有import React from 'react'; 。

接下来，我发现我没有添加--require ./test/test_helper.js

而最后，但仍然没有工作后，它明白了我没有重新启动节点。 这为我修好了。