使用React Hook从jest mock返回数组

import { renderHook } from '@testing-library/react-hooks';
import { useEffect } from 'react';

// 被测试的组件
function useArray() {
  const fetchData = async () => {
    // 模拟异步请求数据
    const response = await fetch('https://example.com/data');
    const data = await response.json();
    return data;
  };

  const data = [];

  useEffect(() => {
    fetchData().then((result) => {
      data.push(...result);
    });
  }, []);

  return data;
}

// 测试用例
test('should return an array from Jest mock', () => {
  const mockFetchData = jest.fn().mockReturnValue([1, 2, 3]);

  const { result } = renderHook(() => useArray());

  // 将被测试的函数替换为mock函数
  useEffect.mockImplementationOnce((effect) => effect());

  expect(result.current).toEqual([1, 2, 3]);
});