无需导入reducer，在Jest/Enzyme中mock useReducer的store是否可行？

return (<Dashboard />)

首先直接给结论：你当前写的伪代码没法实现预期的测试效果，而且完全不需要在测试文件里导入useReducer，下面给你拆解原因和正确的做法：

为什么你的方法行不通 #

你直接修改mockStore的方式，React根本感知不到状态变化。因为useReducer的状态更新是严格通过dispatch触发action来完成的，直接篡改store对象不会触发组件重渲染，UI自然不会跟着更新，你的断言肯定会失败。

正确的测试姿势 #

测试useReducer驱动的组件，核心是通过触发dispatch来更新状态，再验证UI变化，分两种场景：

1. 模拟真实用户交互（推荐，更贴近实际使用场景） #

如果组件里有触发状态更新的交互元素（比如添加按钮），直接模拟用户操作就行：

it('should update input value when adding a new item', () => {
  const wrapper = mount(<Dashboard />);
  // 假设组件里有个class为add-btn的按钮，点击会触发添加item的action
  wrapper.find('.add-btn').simulate('click');
  // 断言input的值是否更新为新的item
  expect(wrapper.find('input').props().value).toBe('second item');
});

2. 直接调用dispatch（适合单独测试状态逻辑） #

如果想跳过UI交互，直接测试状态更新后的UI变化，可以从组件实例里拿到dispatch并调用：

// 记得导入组件里的reducer（如果需要单独测试reducer逻辑的话）
import { reducer } from './Dashboard';

it('should update store when dispatch is called', () => {
  const wrapper = mount(<Dashboard />);
  // 从组件实例中获取dispatch（注意：如果是函数组件，Enzyme的instance可能拿不到，换react-testing-library会更方便）
  const dispatch = wrapper.find(Dashboard).instance().dispatch;
  // 触发对应的action
  dispatch({ type: 'ADD_ITEM', payload: 'second item' });
  // 强制组件更新，确保状态变化后UI重新渲染
  wrapper.update();
  // 验证UI变化
  expect(wrapper.find('input').props().value).toBe('second item');
});

另外，如果你只想测试reducer的逻辑是否正确，完全不用挂载组件，直接调用reducer函数就行：

it('reducer should handle ADD_ITEM action correctly', () => {
  const initialState = ['first item'];
  const updatedState = reducer(initialState, { type: 'ADD_ITEM', payload: 'second item' });
  expect(updatedState).toEqual(['first item', 'second item']);
});

关于是否需要导入useReducer #

完全不需要！useReducer是组件内部使用的Hook，测试时我们只需要关注组件的行为输出，不需要直接操作这个Hook本身，所以测试文件里不用导入它。

内容的提问来源于stack exchange，提问作者rpivovar