无法读取属性“tagName”使用 jest 反应测试库中的 null 错误

发布于 2025-01-12 19:30:49 字数 495 浏览 0 评论 0原文

我正在使用反应测试库和笑话编写测试用例。当我从第一个下拉列表中选择时,我想检查另一个多选的下拉列表是否存在。

从'@testing-library/user-event'导入用户

类型错误:无法读取null的属性'tagName'

  101 |     const { getByText, container } = render(<Product />)
  102 |     const actionDiv = container.querySelector('#option-0')
> 103 |     user.click(actionDiv)
      |          ^
  104 |     await act(async () => {
  105 |       await waitFor(() => expect(getByText(/10.or/i)).toBeInTheDocument())
  106 |     })

I am writing test cases using react testing library with jest. i want to check dropdown list of another Multiselect to be present when i select from first dropdown.

import user from '@testing-library/user-event'

TypeError: Cannot read property 'tagName' of null

  101 |     const { getByText, container } = render(<Product />)
  102 |     const actionDiv = container.querySelector('#option-0')
> 103 |     user.click(actionDiv)
      |          ^
  104 |     await act(async () => {
  105 |       await waitFor(() => expect(getByText(/10.or/i)).toBeInTheDocument())
  106 |     })

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

匿名。 2025-01-19 19:30:49

您应该避免使用 container 来查询像 此处

像在 expect 函数中那样使用查询。
此处有很多可以帮助您的内容。

You should avoid to use container to query elements like it said here.

Use queries like you did in your expect function.
You have alot of those to help you here.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文