使用 react-testing-library 選擇子組件

Question

我可以使用 Enzyme 輕松選擇子組件，但我想使用 react-testing-library。 假設我有一個返回以下內容的組件：

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

截至目前，在測試中，我可以使用const item = wrapper.find(Dropdown.Item)輕松選擇Dropdown.Item ，但為什么我無法通過const { getByTestId } = render(<MyComponent />)和const item = getByTestId('x')使用 react-testing-library 和 data-testid？

我應該使用不同的查詢嗎？

Answer 1

根據上面的評論，react-testing-library “ ...應該處理 DOM 節點而不是組件實例，它不應該鼓勵處理組件實例”。 我以錯誤的觀點接近這個問題。

感謝約翰尼彼得的澄清。