使用 userEvent 模拟 Document 上的按键

Question

是否有可能实现这个fireEvent.keyDown(document, { key: '/' }); 与userEvent ？

这个测试通过：

test('is visible after pressing `/`', () => {
  render( < App / > );

  fireEvent.keyDown(document, {
    key: '/'
  });

  const input = screen.getByRole('textbox');

  expect(input).toBeVisible();
});

但是当我尝试对 userEvent 做同样的事情时：

test('is visible after pressing `/`', () => {
  render( < App / > );

  // Note: I'm not using `userEvent.type` because you can't type on `document`. Also, using `await` doesn't make the test pass.
  userEvent.keyboard('/')

  const input = screen.getByRole('textbox');

  expect(input).toBeVisible();
});

测试失败。

Answer 1

/对键盘有特殊意义：释放按住的键。

试试 escaping 吧： userEvent.keyboard('\/')