如何解决如何在React-testing-library中按跨度查找输入?
如何从span元素中找到按文本的复选框?我无法修改HTML。 我希望在输入元素上测试fireEvent。
`
<label>
<div>
<input type="checkbox" class="checkbox-extra-style">
<span> SPAN A</span>
</div>
</label>
<label>
<div>
<input type="checkbox" class="checkbox-extra-style">
<span> SPAN B</span>
</div>
</label>
` ....
非常感谢您的帮助。
解决方法
尝试const spanText = (await findByText('SPAN A')).parentNode.childNodes;
您应该使用getBy...
查询中可用的其他选项。例如,在这种情况下,screen.getByRole("checkbox",{ name: /span a /i })
。这将选择
- 页面上按角色的复选框
- 将上面的内容过滤到与文本“ SPAN A”相关联的特定复选框(由于跨度和输入都在同一标签内,因此名称为“ SPAN A”)。
要获得有关在某些给定HTML中使用的正确查询的更多帮助,testing-library
的{{3}}是一个很好的资源。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。