用Jest，useRef测试多个useState钩子onClick？

import React, { useState, useRef } from 'react';
import { render, fireEvent } from '@testing-library/react';

function MyComponent() {
  const [count1, setCount1] = useState(0);
  const [count2, setCount2] = useState(0);
  const ref = useRef();

  const handleClick = () => {
    setCount1(count1 + 1);
    setCount2(count2 + 1);
    ref.current = count1 + count2;
  };

  return (
    <div>
      <button onClick={handleClick}>Click</button>
      <p>Count 1: {count1}</p>
      <p>Count 2: {count2}</p>
      <p>Sum: {ref.current}</p>
    </div>
  );
}

test('should update counts and sum on button click', () => {
  const { getByText } = render(<MyComponent />);
  const button = getByText('Click');
  const count1 = getByText('Count 1: 0');
  const count2 = getByText('Count 2: 0');
  const sum = getByText('Sum: 0');

  fireEvent.click(button);

  expect(count1.textContent).toBe('Count 1: 1');
  expect(count2.textContent).toBe('Count 2: 1');
  expect(sum.textContent).toBe('Sum: 1');
});