React Testing库：在TestId元素内获取子输入

Question

我有这样的结构：

<div data-test-locator="MyId">
    <input value="some" type="checkbox" checked />
</div>

我需要测试该复选框是否已选中。但是我该如何获得它呢？我可以得到一个具有如下测试ID的元素：getByTestId('MyId')但是如何获得其子输入？

Answer 1

如果您知道结构不会改变，则可以使用firstChild

expect((getByTestId('MyId').firstChild).checked).toEqual(true)

Answer 2

现在，我通过按值获取复选框来解决该问题：

expect(getByDisplayValue('some').checked).toBeTruthy();