在onClick事件中测试Toast-开玩笑/酶

时间:2019-04-18 14:00:05

标签: reactjs jestjs enzyme toast

使用玩笑和酶进行测试。我能够测试点击事件,但不确定如何通过不同的Toast通知来进入不同状态

这是我的点击事件

渲染

  <button className='close_button_layout' title='Finish' type='button' id='Save-User-test' onClick={this.saveUser}>Save</button>

这是我的考试:

it("Test click event on Save", () => {
 baseProps.onClick.mockClear();
 wrapper.setState({
       user: {
           Username:"test",
        },
  });
 wrapper.update() 
 wrapper.find('#Save-User-test').simulate('click')
 expect(toJson(wrapper)).toMatchSnapshot();
});

这是函数saveUser

saveUser = () => {
 if(this.state.user.Email === ''){
      let options = {
          type: toast.TYPE.ERROR,
          position: toast.POSITION.TOP_LEFT
       }
      toast( <div><p>Email Missing</p><i></i></div>, options )
      return;  
   }
  else if(this.state.user.Username === ''){
      let options = {
          type: toast.TYPE.ERROR,
          position: toast.POSITION.TOP_LEFT
       }
      toast( <div><p>Username Missing</p><i></i></div>, options )
      return;  
    }

目标是在可能的情况下使用正确的敬酒通知来测试每个案例事件

0 个答案:

没有答案