Javascript 使用mocha和jsdom进行React单元测试失败

Javascript 使用mocha和jsdom进行React单元测试失败,javascript,unit-testing,reactjs,Javascript,Unit Testing,Reactjs,我正在使用mocha和jsdom对React进行基本的单元测试 这是我的密码: var React = require('react/addons'), assert = require('assert'), TodoItem = require('../app/components/todo-item.jsx'), TestUtils = React.addons.TestUtils; describe('Todo-item component', function(

我正在使用mocha和jsdom对React进行基本的单元测试

这是我的密码:

var React = require('react/addons'),
    assert = require('assert'),
    TodoItem = require('../app/components/todo-item.jsx'),
    TestUtils = React.addons.TestUtils;

describe('Todo-item component', function(){
  before('render and locate element', function() {
    var renderedComponent = TestUtils.renderIntoDocument(
      <TodoItem done={false} name="Write Tutorial"/>
    );

    // Searching for <input> tag within rendered React component
    // Throws an exception if not found
    var inputComponent = TestUtils.findRenderedDOMComponentWithTag(
      renderedComponent,
      'input'
    );

    this.inputElement = inputComponent.getDOMNode();
  });

  it('<input> should be of type "checkbox"', function() {
    assert(this.inputElement.getAttribute('type') === 'checkbox');
  });

  it('<input> should not be checked', function() {
    assert(this.inputElement.checked === false);
  });

我做错了什么。我正在努力学习教程。

我刚刚从链接教程中的package.json复制了这篇文章。试着像这样运行测试:


mochatest/***-test.js——编译器js:babel core/register——递归

我刚刚从链接教程中的package.json复制了这个。试着像这样运行测试:


mochatest/***-test.js——编译器js:babel core/register——递归

这应该是注释,而不是答案:)这应该是注释,而不是答案:)
var React = require('react');

module.exports = React.createClass({
  displayName: 'TodoItem',

  getInitialState: function() {
    return { done: this.props.done }
  },

  render: function() {
    return (
      <label>
        <input type="checkbox" defaultChecked={this.state.done} />
        {this.props.name}
      </label>
    );
  }
});
Unexpected token (10:6)
   8 |   before('render and locate element', function() {
   9 |     var renderedComponent = TestUtils.renderIntoDocument(
> 10 |       <TodoItem done={false} name="Write Tutorial"/>
     |       ^
  11 |     );
  12 | 
  13 |     // Searching for <input> tag within rendered React component
gulp.task('test', function() {
  gulp.src('./tst/**/*.js')
  .pipe(mocha({
    reporter: 'spec',
    compilers: {
      js: require('babel-core/register')
    }
  }));
});