javascript Jest 单元测试 - 测试 setState()
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/46078530/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Jest unit testing - test setState()
提问by Anup Raj
I have defined setStatein my function. The function setting the function is called by another function as follows :
我已经setState在我的函数中定义了。设置函数的函数被另一个函数调用如下：
pageChanged(page) {
this.setPage(page, false);
}
setPage(page, isLoading) {
var pager = this.state.pager;
var totalItems = this.props.totalItems;
if (page < 1 || page > pager.totalPages) {
return null;
}
pager = this.getPager(totalItems, page, 6);
this.setState({ pager: pager });
if(!isLoading){
this.props.onChangePage(pager.startIndex);
}
}
The function pageChanged(page)is called upon click.
pageChanged(page)调用该函数click。
onClick={this.pageChanged(page)}
onClick={this.pageChanged(page)}
I have tried writing many tests using sinon.spybut without success. Any help on how to proceed with the test.
我曾尝试使用sinon.spy但没有成功编写许多测试。有关如何进行测试的任何帮助。
回答by quotesBro
describe('pageChanged', () => {
it('expect to call setPage', () => {
const wrapper = shallow(<YourComponent />);
const page = 'test';
wrapper.instance().setPage = jest.fn(); // mock `setPage` method
wrapper.instance().pageChanged(page);
expect(wrapper.instance().setPage).toHaveBeenCalledWith(page, false);
});
});
describe('setPage', () => {
it('expect to change state', () => {
const wrapper = shallow(<YourComponent />);
const page = 'test';
const pager = '?page=test'
wrapper.instance().getPager = () => pager; // mock `getPager` method
// it also can be mocked using jest.fn():
// wrapper.instance().getPager = jest.fn().mockReturnValue(pager);
wrapper.instance().setPage(page);
expect(wrapper.state.pager).toBe(pager);
});
});
