因为组件使用Redux状态，所以需要用Provider Package 它。
比如像这样

const Wrapper = ({ children }) => (
    // you could just use your normal Redux store or create one just for the test
    <Provider store={store}>{children}</Provider>
  );
  render(<BaseSignup />, { wrapper: Wrapper });

您需要创建一个不同的通用呈现 Package 器来解决这些问题，因为大多数组件都需要存储访问
例如：我已经创建了这个 Package 器，并将其导出为rtlRender

import { render } from '@testing-library/react';
import { QueryClient, QueryClientProvider } from 'react-query';
import { Provider } from 'react-redux'
import ReduxStore from "../redux/store";

const queryClient = new QueryClient();

const rtlRender = component => render(<Provider store={ReduxStore.store}>
  <QueryClientProvider client={queryClient}>
    {component}
  </QueryClientProvider>
</Provider>)

export default rtlRender

现在我在测试文件中使用rtlRender

import { screen } from '@testing-library/react'
import NewUsers from './NewUsers'
import rtlRender from '../../../utils/rtlRender'

describe('New User', () => {
  test('Proper Text', () => {
    rtlRender(<NewUsers userDetails={[]} />)

    const addUserHeading = screen.getByText('Add user')
    expect(addUserHeading).toBeInTheDocument();
  })
})