React Testing Library: Получить дочерний ввод внутри элемента TestId

Question

У меня есть такая структура:

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

Мне нужно проверить, установлен ли флажок. Но как я могу получить это в первую очередь? Я могу получить элемент с идентификатором теста, например так: getByTestId('MyId') Но как мне получить его дочерний ввод?

Answer 1

Если вы знаете, что структура не изменится, вы можете использовать firstChild

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

Answer 2

На данный момент я решил это, установив свой флажок по значению:

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