将顶级模拟 function 传递给 jest.mock 实现

Question

我想测试从模拟的 function 返回的 function 在测试中被开玩笑地调用。

我有以下模拟：

const mockPromptAsync = jest.fn();

jest.mock("expo-auth-session/providers/facebook", () => ({
  useAuthRequest: jest
    .fn()
    .mockReturnValue([
      { foo: true },
      { type: "success", params: { access_token: "123" } },
      mockPromptAsync,
    ]),
}));

在我的组件中，我有：

  const [request, response, promptAsync] = Facebook.useAuthRequest({
    responseType: ResponseType.Token,
    clientId: Constants.manifest.extra.FACEBOOK_CLIENT_ID,
  });

我想测试这里的 onPress 调用mockPromptAsync ：

      <Button
        title="Login with Facebook"
        disabled={!request}
        onPress={() => {
          promptAsync();
        }}
      />

但是，似乎mockPromptAsync在测试期间未定义：

expect(mockPromptAsync).toBeCalledTimes(1);

当我console.log在我的组件中时， promptAsync也未定义。

Answer 1

所以我采用的解决方案是仍然定义jest.fn()内联，并执行expect调用以实例化模拟：

import { useAuthRequest} from "expo-auth-session/providers/facebook";

...

expect(useAuthRequest()[2]).toBeCalledTimes(1)