无法使用 dom-testing-library 从作为其父标签的标签访问输入

Question

当标签环绕输入时，我发现自己在尝试从标签访问输入时遇到了麻烦。这看起来是一个很容易解决的问题，但我玩得很开心。

<label htmlFor="termsAgreement">
    <input type="checkbox" name="termsAgreement"/>
    <p>Here are the terms of use</p>
</label>

我认为以下方法会起作用，但没有运气：

getByLabelText('Here are the terms of use', {selector: 'input'});

可以在这里找到一个带有几个测试的小示例 sn-p：

react-testing-library demo

Answer 1

看起来我使用name 字段而不是预期的id 字段来定位相关输入。