Jest 和 sinon 都是前端开发中常用的工具，Jest 是一款流行的 JavaScript 测试框架，而 sinon 则是一个强大的测试辅助库，可以用于模拟和控制 JavaScript 代码中的函数和对象行为。本文将介绍如何在 Jest 中使用 sinon 进行 mock 和 stub，以及其深度和学习以及指导意义。
什么是 mock 和 stub？
在测试代码时，我们需要模拟一些依赖或者函数的行为，以便于测试我们的代码是否正常工作。这时候就需要使用 mock 和 stub。
Mock 是一种测试技术，可以模拟函数或者对象的行为。它可以在测试中替代真实的函数或者对象，以便于我们测试代码的正确性。Mock 可以用于测试异步代码、网络请求、数据库操作等。
Stub 是一种测试技术，可以用于模拟函数的行为。它可以替代真实的函数，以便于我们测试代码的正确性。Stub 可以用于测试异常情况、特殊情况等。
在 Jest 中使用 sinon 进行 mock 和 stub 非常简单，只需要遵循以下步骤：
第一步：安装 sinon 和 @types/sinon
在使用 sinon 之前，需要先安装 sinon 和 @types/sinon，可以使用以下命令进行安装：
npm install sinon @types/sinon --save-dev
第二步：在测试文件中引入 sinon
在测试文件中引入 sinon，可以使用以下代码：
import sinon from 'sinon';
第三步：使用 sinon 进行 mock 和 stub
使用 sinon 进行 mock 和 stub 有多种方式，下面将介绍两种常用的方式。
第一种方式：使用 sinon.mock()
使用 sinon.mock() 可以创建一个 Mock 对象，可以用于模拟对象的行为。下面是一个使用 sinon.mock() 进行 mock 的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
---------------- -- -- -
---------- ---- ---------- -- -- -
----- ------ - -------------
----------------------------------------------
--------------------------------------
----------------
---
---在上面的代码中，我们使用 sinon.mock() 创建了一个 Mock 对象，然后使用 expects() 方法来指定我们要 mock 的函数，once() 方法指定该函数只会被调用一次，returns() 方法指定该函数被调用时返回的值。最后我们调用了该函数，并使用 verify() 方法来验证该函数是否被正确地调用了。
第二种方式：使用 sinon.stub()
使用 sinon.stub() 可以创建一个 Stub 对象，可以用于模拟函数的行为。下面是一个使用 sinon.stub() 进行 stub 的示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
---------------- -- -- -
---------- ---- ---------- -- -- -
----- ------ - -------------
--------------------------------------
-------------------------------------
---
---在上面的代码中，我们使用 sinon.stub() 创建了一个 Stub 对象，然后使用 withArgs() 方法来指定我们要 stub 的函数的参数，returns() 方法指定该函数被调用时返回的值。最后我们调用了该函数，并验证了该函数是否被正确地 stubbed 了。
总结
本文介绍了如何在 Jest 中使用 sinon 进行 mock 和 stub，以及其深度和学习以及指导意义。使用 sinon 可以方便地模拟函数和对象的行为，以便于我们测试代码的正确性。在实际开发中，我们需要根据具体情况选择合适的方式进行 mock 和 stub，以确保测试的准确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6513f92f95b1f8cacdc71f8c