reactjs 未在表行上激发userEvent

fnvucqvd 于 2022-12-18 发布在 React

关注(0)|答案(1)|浏览(150)

我有一个表组件，我在其中添加了一个onClick处理程序到所有的tr。单击处理程序在浏览器中工作正常。当使用测试库编写测试时，我只能使用fireEvent使其工作。当我尝试用userEvent替换它时，单击处理程序没有被调用。我'我知道在tr中添加click处理程序存在一些可访问性问题，但是我想了解为什么使用userEvent时不触发它

render( <Table />)
const row = screen.queryAllByTitle('Show details')[0]
userEvent.click(row)
expect(screen.queryByText('Details')).toBeTruthy()

和行：

<tr
  title="Show details"
  onClick={showDetails}
  role="button"
>
  <td>....
</tr>

reactjs

来源：https://stackoverflow.com/questions/74811195/userevent-not-firing-on-table-row

1条答案

按热度按时间

r6l8ljro1#

userEvent是异步的。如果要使用useEvent，可以进行以下更改

test('test row onClick', async () => {
  render( <Table />)
  const row = screen.queryAllByTitle('Show details')[0]
  await userEvent.click(row)
  expect(screen.queryByText('Details')).toBeTruthy()
})

赞(0）回复(0）举报 2022-12-18

我来回答

reactjs 未在表行上激发userEvent

1条答案

相关问题

热门标签

最新问答