首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让redux的开发工具与jest和酶协同工作?

为了让redux的开发工具与jest和酶协同工作,可以按照以下步骤进行设置和配置:

  1. 安装redux-devtools-extension:在项目中安装redux-devtools-extension包,该包提供了redux开发工具的浏览器扩展。
  2. 配置redux-devtools-extension:在创建redux store时,使用compose函数将redux-devtools-extension的enhancer添加到store的中间件链中。示例代码如下:
代码语言:txt
复制
import { createStore, applyMiddleware, compose } from 'redux';
import rootReducer from './reducers';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer, composeEnhancers(applyMiddleware(...middlewares)));
  1. 配置jest测试环境:在jest的配置文件(通常是jest.config.js)中,添加如下配置,以使redux开发工具在测试环境中正常工作:
代码语言:txt
复制
module.exports = {
  setupFiles: ['<rootDir>/jest.setup.js'],
  // 其他配置项...
};
  1. 创建jest.setup.js文件:在项目根目录下创建jest.setup.js文件,并添加以下代码:
代码语言:txt
复制
import 'jest-enzyme';
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-xx'; // 适配器的具体名称根据你使用的React版本而定

configure({ adapter: new Adapter() });
  1. 运行测试:现在,你可以运行jest测试,并确保redux开发工具与jest和酶协同工作。你可以使用redux开发工具来检查测试期间的状态变化和操作。

这样,你就可以让redux的开发工具与jest和酶协同工作了。请注意,以上步骤中的一些细节可能因你的项目配置而有所不同,需要根据实际情况进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券