如何在测试间重置redux-test-utils的store？解决测试用例污染问题

看起来你遇到的是测试用例之间状态残留的问题——你的模拟store在多个测试里复用了，前一个测试（比如"Action sent when true"）触发的action会留在store的历史记录里，当后一个测试（"Action not sent when false"）执行时，就会误检测到之前的action。

这里有几个靠谱的解决方法：

1. 每个测试前重新创建模拟store #

最直接的方式就是在每个测试用例执行前，重新初始化模拟store，确保每个测试都有干净的环境。比如用测试框架的beforeEach钩子：

// 假设你用Jest作为测试框架
import { createMockStore } from 'redux-test-utils';
import yourSubscriber from './your-subscriber';

describe('Subscriber action dispatch', () => {
  let mockStore;

  // 每个测试前重新创建store并绑定订阅
  beforeEach(() => {
    mockStore = createMockStore();
    yourSubscriber.subscribe(mockStore.dispatch);
  });

  test('Action sent when true', () => {
    yourSubscriber.publish(true);
    expect(mockStore.getActions()).toEqual([{ type: 'YOUR_ACTION_TYPE' }]);
  });

  test('Action not sent when false', () => {
    yourSubscriber.publish(false);
    expect(mockStore.getActions()).toEqual([]);
  });
});

这种方式能保证每个测试都从全新的store开始，彻底隔离测试之间的状态。

2. 手动重置store的action历史 #

如果不想每次都重新创建store，也可以在每个测试前手动清空store的action记录。redux-test-utils的mockStore通常会提供clearActions方法：

describe('Subscriber action dispatch', () => {
  const mockStore = createMockStore();

  beforeEach(() => {
    // 每次测试前清空action历史
    mockStore.clearActions();
    yourSubscriber.subscribe(mockStore.dispatch);
  });

  // 测试用例和之前一致
});

这样也能确保每个测试开始时，store的action列表是空的，不会被之前的测试影响。

3. 测试后解除订阅关系 #

额外提醒下，测试完成后最好解除subscriber和store的绑定，避免后续测试意外触发旧的订阅逻辑。可以用afterEach钩子：

afterEach(() => {
  yourSubscriber.unsubscribe(mockStore.dispatch);
});

这一步能进一步减少测试间的交叉影响，让测试结果更稳定。

总结来说，核心思路就是让每个测试用例都运行在独立、干净的环境中，要么每次新建store，要么手动重置状态，这样不管测试顺序怎么调换，结果都能保持一致。

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