reactjs - 使用 react-testing-library 测试列表框组件

Question

我正在尝试测试列表框组件。我想查看选项列表并能够选择一个选项。您能否快速向我展示或指出如何测试列表框组件的示例？

https://codesandbox.io/s/jolly-silence-0rgqw?file=/src/App.test.js

标签： reactjsreact-testing-library

Answer 1

你可以看看这个 - https://testing-library.com/docs/ecosystem-user-event/#selectoptionselement-values

虽然从 中查看使用的列表框（选择）的 DOM ，但在父级上@reach/listbox似乎没有span“列表框”角色，因此您可能必须相应地更新您的选择器。