React-testing-library + Redux:在"Connect(Currency)“的上下文中找不到"store”

React-testing-library是一个用于测试React组件的工具库，它提供了一套简洁而强大的API，用于模拟用户与组件的交互并进行断言验证。Redux是一个用于管理应用状态的JavaScript库，它提供了可预测的状态容器，使得状态管理变得简单而可靠。

在React应用中使用Redux时，通常会通过react-redux库的connect函数将组件连接到Redux的状态树。在这个问题中，出现了一个错误提示："Connect(Currency)"的上下文中找不到"store"。这个错误通常表示在测试过程中，没有正确地提供Redux的store给被连接的组件。

解决这个问题的方法是在测试代码中手动创建一个Redux的store，并将其传递给被测试组件的上下文中。可以使用redux-mock-store库来创建一个模拟的store，并使用Provider组件将被测试组件包裹起来，以便正确地提供store。

下面是一个示例代码，展示了如何在React-testing-library中测试一个使用Redux的组件：

import React from 'react';
import { render } from '@testing-library/react';
import { Provider } from 'react-redux';
import configureStore from 'redux-mock-store';
import Currency from './Currency';

const mockStore = configureStore([]);

describe('Currency component', () => {
  it('should render currency value from store', () => {
    const initialState = {
      currency: 'USD',
    };
    const store = mockStore(initialState);

    const { getByText } = render(
      <Provider store={store}>
        <Currency />
      </Provider>
    );

    expect(getByText('USD')).toBeInTheDocument();
  });
});

在上面的示例中，我们首先创建了一个模拟的store，并将初始状态传递给它。然后，我们使用Provider组件将被测试的Currency组件包裹起来，并将模拟的store作为store属性传递给Provider。最后，我们使用render函数获取渲染后的组件，并通过getByText函数来断言渲染结果中是否包含了'USD'文本。

这样，我们就可以在React-testing-library中正确地测试使用了Redux的组件，并且可以通过模拟的store来提供所需的上下文环境。

推荐的腾讯云相关产品和产品介绍链接地址：