在前端开发中，我们经常需要模拟异步函数的行为。对于 Promise 函数，Sinon 提供了 stub 方法来实现模拟。
什么是 Sinon？
Sinon 是一个 JavaScript 测试库，用于模拟、捕获和断言关于 JavaScript 行为的代码。
什么是 Promise？
Promise 是一种用于处理异步操作的 JavaScript 对象，它有三个状态：pending（等待）、fulfilled（已完成）和rejected（已拒绝）。
在使用 Sinon Stub Promise 之前，我们需要先安装 Sinon 库：
npm install sinon --save-dev
接下来，我们可以考虑一个简单的示例：一个返回 Promise 的异步函数 getData()，它返回一个对象，包含 firstName 和 lastName 属性。我们需要测试 getData() 在不同情况下的行为。
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
---------
---------- -------
--------- -----
---
-- ------
---
-Stub 成功的 Promise
如果我们想要测试 getData() 函数以成功的方式完成，我们可以使用如下代码创建 stub：
-- -------------------- ---- -------
----- ----- - -----------------
----- ------ - ------------------
---------- ------- ---- ------ -------- -- -
----- ---- - -----------------------
---------- --------
--------- -------
---
------ ---------------- -- -
---------------------------- -
---------- --------
--------- -------
---
---
---这里我们使用了 Sinon 的 stub 方法来创建一个带有 resolves 属性的匿名函数。该属性告诉 Sinon 在调用该函数时返回一个成功的 Promise 对象。然后我们可以调用 stub 函数并检查返回的数据是否与预期值相同。
Stub 拒绝的 Promise
如果我们想要测试 getData() 函数在失败时的行为，我们可以使用如下代码创建 stub：
it('should reject with an error', function () {
const stub = sinon.stub().rejects(new Error('Failed to fetch data'));
return stub().catch(error => {
assert.strictEqual(error.message, 'Failed to fetch data');
});
});这里我们使用了 Sinon 的 stub 方法来创建一个带有 rejects 属性的匿名函数。该属性告诉 Sinon 在调用该函数时返回一个拒绝的 Promise 对象，并且该 Promise 对象的错误对象包含指定的错误消息。然后我们可以调用 stub 函数并检查返回的错误是否与预期值相同。
总结
通过使用 Sinon Stub Promise，我们可以轻松地模拟成功和失败的 Promise 对象，以便测试异步函数的行为。这使得测试工作更加高效和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27099