Javascript 使用mocha和jsdom进行React单元测试失败
我正在使用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(
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')
}
}));
});