如何用两条useEffect语句测试钩子？

import { render, act } from '@testing-library/react';
import MyComponent from './MyComponent';

test('should call useEffect once', () => {
  let useEffectSpy;
  const mockEffect = () => {
    useEffectSpy = jest.spyOn(React, 'useEffect');
  };

  act(() => {
    render(<MyComponent effect={mockEffect} />);
  });

  expect(useEffectSpy).toHaveBeenCalledTimes(1);
});

import { render, act } from '@testing-library/react';
import MyComponent from './MyComponent';

test('should call useEffect when dependency changes', () => {
  let useEffectSpy;
  const mockEffect = () => {
    useEffectSpy = jest.spyOn(React, 'useEffect');
  };

  act(() => {
    render(<MyComponent effect={mockEffect} dependency={true} />);
  });

  expect(useEffectSpy).toHaveBeenCalledTimes(1);

  act(() => {
    render(<MyComponent effect={mockEffect} dependency={false} />);
  });

  expect(useEffectSpy).toHaveBeenCalledTimes(2);
});

import { render, unmountComponentAtNode } from 'react-dom';
import MyComponent from './MyComponent';

test('should call useEffect cleanup function', () => {
  let cleanupSpy;
  const mockEffect = () => {
    useEffect(() => {
      cleanupSpy = jest.fn();
      return cleanupSpy;
    }, []);
  };

  const container = document.createElement('div');
  render(<MyComponent effect={mockEffect} />, container);

  unmountComponentAtNode(container);

  expect(cleanupSpy).toHaveBeenCalledTimes(1);
});