在react-testing -library中测试组件之前，有没有办法初始化多个原子状态？

// MyComponent.js
import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);
  const [isToggled, setIsToggled] = useState(false);

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>Increment</button>
      <button onClick={() => setIsToggled(!isToggled)}>
        {isToggled ? 'ON' : 'OFF'}
      </button>
      <p>Count: {count}</p>
      <p>Toggle: {isToggled ? 'ON' : 'OFF'}</p>
    </div>
  );
}

export default MyComponent;

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

describe('MyComponent', () => {
  it('should initialize with correct state', () => {
    const { getByText } = render(<MyComponent />);
    
    // Check initial state
    expect(getByText('Count: 0')).toBeInTheDocument();
    expect(getByText('Toggle: OFF')).toBeInTheDocument();
  });

  it('should update count state on button click', () => {
    const { getByText } = render(<MyComponent />);
    
    fireEvent.click(getByText('Increment'));
    expect(getByText('Count: 1')).toBeInTheDocument();
  });

  it('should toggle state on button click', () => {
    const { getByText } = render(<MyComponent />);
    
    fireEvent.click(getByText('ON'));
    expect(getByText('Toggle: ON')).toBeInTheDocument();
  });
});

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

// ...

it('should handle async state updates', async () => {
  const { getByText } = render(<MyComponent />);
  
  fireEvent.click(getByText('Increment'));
  await waitFor(() => expect(getByText('Count: 1')).toBeInTheDocument());
});