当redux存储改变时，如何测试正在渲染的组件？

import React from 'react';
import { render, unmountComponentAtNode } from 'react-dom';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import { act } from 'react-dom/test-utils';

import YourComponent from './YourComponent';
import yourReducer from './yourReducer';

let container = null;
beforeEach(() => {
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

test('renders component correctly when Redux store changes', () => {
  const store = createStore(yourReducer);

  act(() => {
    render(
      <Provider store={store}>
        <YourComponent />
      </Provider>,
      container
    );
  });

  // 进行断言和期望结果验证
});

act(() => {
  store.dispatch({ type: 'YOUR_ACTION_TYPE', payload: 'your payload' });
});