無法在文檔/屏幕 React 測試中找到文本

Question

我是反應測試的新手，通過編碼學習，在這里我想點擊“相機”，然后在它下面出現相機列表，如相機 1、相機 2...

我能夠找到“相機”並單擊它，但是當試圖確保“相機 1”在文檔中時它不會工作並給出：“TestingLibraryElementError：無法找到帶有文本的元素：相機 1。這可能是因為文本被多個元素分解。 在這種情況下，您可以為您的文本匹配器提供 function，以使您的匹配器更加靈活。

如果有任何問題可以問我，英語不是我的母語，所以可能是錯誤的

測試代碼：

 import { render, screen, RenderResult, cleanup, fireEvent, getByRole, getByDisplayValue, getByText, } from "@testing-library/react"; describe("Testing component", () => { test("Testing Camera", async () => { const { getByLabelText, getByTestId, getByText, getByRole } = render( <Provider store={store}> <CardComponent classes={{ formControl: "", }} /> </Provider> ); let Cameras = screen.getByRole("button", { name: /cameras/i }); fireEvent.click( Cameras, new MouseEvent("click", { bubbles: true, cancelable: true, }) ); const screenText = screen.getByText("Camera 1"); expect(screenText).toBeInTheDocument(); }); });

圖像：