Как получить доступ к дочернему элементу от родителя с помощью библиотеки тестирования react?

#react-testing-library

Вопрос:

у меня дом такой

 lt;label value="false" data-testid ="source" class="StyledSwitch"gt;  lt;input type="checkbox" name="source" gt;  lt;i class="ball-container"gt;lt;/igt;  lt;span class="label" data-enabled="On" data-disabled="Off"gt;lt;/spangt; lt;/labelgt;  

как я могу получить доступ к входному элементу с помощью метки с источником данных-tesid

я попробовал что-то вроде приведенного ниже,

 const element = screen.getByTestId('source').firstChild();  

но это приводит к ошибке «объект, возможно, равен нулю», не удается вызвать объект, который, возможно, равен нулю. как это исправить

не мог бы кто-нибудь помочь мне с этим. Спасибо.

Ответ №1:

элемент const = getByTestId(«источник»). первенец;

Комментарии:

1. Не могли бы вы углубиться еще глубже, чтобы объяснить причины, лежащие в основе этого ответа?