React挂钩-如何测试多个useState挂钩

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

import MyComponent from './MyComponent';

test('测试多个useState挂钩', () => {
  // 渲染组件
  const { getByTestId } = render(<MyComponent />);
  
  // 获取状态元素
  const stateElement1 = getByTestId('state-element-1');
  const stateElement2 = getByTestId('state-element-2');
  
  // 断言初始状态
  expect(stateElement1.textContent).toBe('初始状态1');
  expect(stateElement2.textContent).toBe('初始状态2');
  
  // 模拟状态更新
  fireEvent.click(getByTestId('update-button'));
  
  // 断言更新后的状态
  expect(stateElement1.textContent).toBe('更新后的状态1');
  expect(stateElement2.textContent).toBe('更新后的状态2');
});