Выбор дочернего компонента с помощью реагирующей на тестирование библиотеки

Question

Я могу легко выбрать дочерний компонент с помощью Enzyme, но я хотел бы использовать реагирующую библиотеку. Предположим, у меня есть компонент, который возвращает следующее:

return (
  <DropdownButton>
    <Dropdown.Item data-testid='x' key={id} />
  </DropdownButton>
)

На данный момент в тесте я могу легко выбрать Dropdown.Item с помощью const item = wrapper.find(Dropdown.Item), но почему я не могу выбрать с помощью const { getByTestId } = render(<MyComponent />) и const item = getByTestId('x') используя реагирующую библиотеку тестирования и data-testid?

Должен ли я использовать другой запрос?

Answer 1

Согласно приведенному выше комментарию, реагирующая-библиотека " ... должна работать с узлами DOM, а не с экземплярами компонентов, и не должна поощрять работу с экземплярами компонентов ". Я подходил к этому с неправильной точки зрения.

Благодарю Джонни Питера за разъяснения.