模拟点击material-ui切换组件测试

时间:2017-03-17 09:51:31

标签: javascript reactjs material-ui enzyme

所以我试图使用jest和酶来测试一些基于material-ui切换组件的功能。

我有一个通用的clickIt函数,适用于其他材料-ui组件,但在这一个中它似乎没有触发状态更改

function clickIt(wrapper, selector) {
  let elem = wrapper;

  if (selector) {
    elem = wrapper.find(selector);
  }

  const node = ReactDOM.findDOMNode(elem.node);
  TestUtils.Simulate.touchTap(node);
}

在测试中:

const toggle = wrapper.find('#subscribe-toggle');

expect(toggle.props().checked).to.be(true);

clickIt(toggle);

expect(toggle.props().checked).to.be(true); // <- fails

关于如何解决这个问题的任何想法?

1 个答案:

答案 0 :(得分:4)

通过使用:

解决了这个问题
// clickIt(toggle);
// toggle.last().simulate('click');
toggle.props().onChange(); // None of the above work, you can thank material ui for that one