如何在 @testing-library/react-native 中測試異步處理程序？

Question

我無法解決這個問題，但這可能是一個簡單的問題。

假設我有這個：

   <MyComponent amazingAction={action}/>
   <MagicButton/>

所以它本質上是一個帶有句柄的組件和另一個在單擊時將執行異步操作的組件。 由於該異步操作，將觸發MyComponent中的處理程序。

我本質上想測試如果我同時渲染並觸發按鈕點擊，處理程序將被調用。

我試過這個：

const maybeThisWorks = jest.fn();

const { getByText } = render(
      <MyComponent amazingAction={maybeThisWorks}/>
      <MagicButton title="My Button"/>
);

let button = getByText("My Button");
fireEvent.press(button);

expect(maybeThisWorks).toHaveBeenCalled();

Answer 1

使用waitFor 。 您需要將測試 function 更改為async 。

await waitFor(() => expect(maybeThisWorks).toHaveBeenCalled());