时间戳

首页 > 解决方案 > 如何用 Sinon JS 测试异步功能？

javascript - 如何用 Sinon JS 测试异步功能？

问题描述

下面是我想要实现的一个最小示例：我想测试fn3()异步函数是否fn2()解析（调用时fn1）是否被调用。但是我以某种方式未能使用sinonstub 语法做到这一点。我想知道我误解了什么。

// System Under Test

export function fn1() {
    fn2().then(() => {
        fn3();
    });
}

export async function fn2() {
    return new Promise((resolve, reject) => {
        // expensive work
        resolve();
    });
}

export function fn3() {
    console.log("fn3");
}

// Test

import * as Page from "xxx";

it("test async", () => {
    // stub this async to isolate the SUT
    sinon.stub(Page, "fn2").resolves();
    const stub = sinon.stub(Page, "fn3");

    Page.fn1();

    sinon.assert.calledOnce(stub);
});


/*

    AssertError: expected fn3 to be called once but was called 0 times

      276 |         Page.fn1();
      277 |
    > 278 |         sinon.assert.calledOnce(stub);
          |                      ^
      279 |     });
      280 | });

      at Object.fail (node_modules/sinon/lib/sinon/assert.js:107:21)
      at failAssertion (node_modules/sinon/lib/sinon/assert.js:66:16)
      at Object.calledOnce (node_modules/sinon/lib/sinon/assert.js:92:13)
      at Object.<anonymous> (src/test.test.tsx:278:22)
*/

标签： javascriptnode.jsasynchronoussinon

解决方案

正如@jonrsharpe 建议的那样，您sinon.assert.calledOnce(stub);将在fn2内部的承诺Page.fn1被解决（即被.then(() => { fn3(); })调用）之前被调用，基于JavaScript“单线程，事件循环”性质。这是一篇供参考的文章：https ://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke 。

您可以尝试将代码更改为：

    ...

    return Page.fn1().then(() => {
      sinon.assert.calledOnce(stub);
    });
    
    ...

或者

it("test async", async () => {
    // stub this async to isolate the SUT
    sinon.stub(Page, "fn2").resolves();
    const stub = sinon.stub(Page, "fn3");

    await Page.fn1();

    sinon.assert.calledOnce(stub);
});

这样在解决sinon.assert.calledOnce(stub);后将被调用Page.fn1()。

推荐阅读