用Jest模拟useFetch钩子

Question

我有一个带有useFetch钩子的功能组件：

function Foo(){

  const { data, isPending, run } = useFetch(`http://localhost:8080/users`);
}

我如何在这里模拟data而不执行API调用？useFetch钩子来自库反应-异步

Answer 1

import React from "react";
import reactAsync from "react-async";

jest.mock('reactAsync');

it("test", async () => {
  const data = []
  const isPending = false
  const run = null
  reactAsync.useFetch.mockReturnValueOnce({ data, isPending, run });
});

看这里还有其他的方法