如何用酶在ReactJS中添加窗口keydown事件的单元测试

Posted 2021-03-28

我的React组件中有以下代码。在按下退出键时，应调用非聚焦道具功能。我该如何测试？我正在使用开玩笑和酶。

谢谢您的帮助

答案

为了更好地控制测试，我建议将mousedown事件逻辑作为prop函数传递。

然后，在您的规范中安装组件后，您可以测试为 -

test('should toggle focus', () => {
  const map = {};
  window.addEventListener = jest.genMockFn().mockImpl((event, cb) => {
    map[event] = cb;
  });

  const component = mount(<SomeComponent />);
  map.keyDown({ keyCode: 27 });
  expect(props.unfocus).to.have.been.called;
});

有用的链接 -

Simulate KeyDown Event

Simulate Events on window