[英]Jest unit testing - test setState()
I have defined setState
in my function. 我在函数中定义了setState
。 The function setting the function is called by another function as follows : 设置该函数的函数由另一个函数调用,如下所示:
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
. click
将调用pageChanged(page)
函数。
onClick={this.pageChanged(page)}
I have tried writing many tests using sinon.spy
but without success. 我尝试使用sinon.spy
编写许多测试,但是没有成功。 Any help on how to proceed with the test. 有关如何进行测试的任何帮助。
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);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.