Testing 测试异步组件的最佳方法是什么
我想使用mocha测试react中的登录组件Testing 测试异步组件的最佳方法是什么,testing,reactjs,mocha.js,webpack,Testing,Reactjs,Mocha.js,Webpack,我想使用mocha测试react中的登录组件 const loginView = require('./index'); const React = require('react'); const ReactDOM = require('react-dom'); const ReactTestUtils = require('react-addons-test-utils'); const chai = require('chai'); const jsdom = require('mocha-
const loginView = require('./index');
const React = require('react');
const ReactDOM = require('react-dom');
const ReactTestUtils = require('react-addons-test-utils');
const chai = require('chai');
const jsdom = require('mocha-jsdom');
const injectTapEventPlugin = require('react-tap-event-plugin');
const nock = require('nock');
const api = require('../../configuration').api;
injectTapEventPlugin();
chai.should();
describe('login', () => {
beforeEach(() => {
jsdom();
});
it('show error dialog when username or password is invalid', (done) => {
const login = ReactTestUtils.renderIntoDocument(React.createElement(loginView));
nock(api).post('user/access-token').reply(200);
login.setState({
email: 'test@email.tld',
password: 'wrong-password'
});
ReactTestUtils.Simulate.touchTap(ReactDOM.findDOMNode(login.refs.signin).firstChild);
setTimeout(() => {
login.state.showErrorDialog.should.equal(true);
login.setState({
showErrorDialog: false
});
done();
}, 1500);
});
});
单击“登录”按钮时,ajax请求检查用户名和密码(使用superagent)
问题是我不想使用setTimeout函数,我喜欢在ajax请求完成时使用回调或承诺。可能吗?使用
setTimeout
和done
似乎是目前解决此问题的最简单方法
我唯一要更改的是删除1500毫秒延迟,这是不必要的,因为节点是单线程。使用
setTimeout
和done
似乎是解决此问题的最简单方法
我唯一要更改的是删除1500毫秒延迟,这是不必要的,因为节点是单线程的