使用Jest Enzyme for React js尝试测试以下单击事件
<div className="fullmodal_title">
{ this.state.ViewName !== '' && this.state.Requests.length !== 0 ?
<div className="fullmodal_title_select"><span className="fullmodal_title_add_done"
onClick={() => {this.clearViewName()}} >Add View </span>
<FontAwesome name='right' className='fa-angle-right' /> Select a request</div>
:
null
}
这是我到目前为止所做的:
beforeEach(() => wrapper = mount(<BrowserRouter><AddViewModal {...baseProps} /></BrowserRouter>));
it("should call clearViewName on button click", () => {
baseProps.onClick.mockClear();
wrapper.find('AddViewModal').setState({
ViewName: 'test',
Requests: "",
allowNext:false
}),
wrapper.update();
//console.log(wrapper.debug())
wrapper.find('.fullmodal_title').at(0).simulate('click')
});
clearViewName仅返回测试中列出的3 setState。如果我尝试通过第一个div则测试通过,但是如果尝试例如
则不起作用