在 Redux 操作中测试副作用

Test side effects in Redux actions

本文关键字：测试 副作用 操作 Redux      更新时间：2023-09-26

我正在学习此处的 Redux 教程。

在我

创建的应用程序中，我有一个具有副作用的操作，就像在调用 Date.now（） 的 receivePosts 函数中显示的操作一样。

异步功能完成后会触发副作用。在我自己的应用程序中遵循此异步测试时。我得到的回复如下所示：

actual: 
{ 
  type: 'REQUEST_LEAGUE_SUCCESS',
  receivedAt: 1453991947254,
  league: 'Div 3',
  resultsTable: [ [Object], [Object] ] 
},
expected: 
{ 
  type: 'REQUEST_LEAGUE_SUCCESS',
  league: 'Div 3',
  receivedAt: 1453991947235,
  resultsTable: [ [Object], [Object] ]
}

我的预期操作日期不等于实际操作的日期。在我的预期操作中，我有以下内容：

receivedAt: Date.now()
我的代码

结构与 Redux 教程中的代码完全相同，除了我的动作创建器具有此副作用。

我

的问题归结为：我如何处理这些副作用以使我的测试通过？

依赖于抓取当前时间的测试代码不是一个好主意。 你需要重写一些东西，以便你可以模拟或注入一个日期。 在（单元测试，如何编写可测试代码及其重要性）中执行此操作的一些很好的例子。该文章基于 C#，但相同的概念适用于此处。

你可以像这样模拟 Date.now（） 函数：

describe('>>> Test Name', () => {
    const literallyJustNow = Date.now();
    const realDateNow = Date.now.bind(global.Date);
    const dateNowStub = jest.fn(() => literallyJustNow);
    beforeEach(() => {
        global.Date.now = dateNowStub;
    });
    afterEach(() => {
        global.Date.now = realDateNow;
    });
    it('... your tests ...', () => { ... });
});

我认为您需要在测试中建立一些容忍度，因为在调度操作和接收响应之间不可避免地会经过一些时间。即使你伪造了它，执行时间仍然会有差异。您实际如何执行此操作取决于您的断言库。

相关文章：