在前端开发中，单元测试成为一种越来越重要的实践，有助于保证代码的可维护性和可靠性。当我们在编写前端单元测试时，其中的一个常见问题就是我们需要模拟一些外部的依赖。这个时候，Sinon.js 就成为了我们的好帮手。在 Jest 中使用 Sinon 可以极大地简化我们测试代码的编写，同时也可以让我们更加专注于测试本身。
本文将介绍 Jest 是什么以及如何在 Jest 中使用 Sinon 进行单元测试。
Jest 简介
Jest 是 Facebook 开源的一个 JavaScript 测试框架，它具有易用性、速度快、可以快速地进行配置和集成。Jest 使用了 Jasmine 的一些语法和扩展，同时也支持异步测试和 Mock。它可以在浏览器和 Node.js 环境中运行。
在 Jest 中，我们可以使用 Mock 和 Spy 来模拟函数和对象，以及在测试过程中获取函数的调用信息。但是，有些时候需要使用 Sinon 来进行更加复杂的 mock 和 stub 操作。下面我们就来看一下如何在 Jest 中使用 Sinon。
如何使用 Sinon？
在 Jest 中使用 Sinon 需要先安装 sinon 和 sinon-jest 。通过 npm 命令即可安装：
npm install sinon sinon-jest --save-dev
安装完之后，我们需要在 test 文件中引入 Sinon：
const sinon = require('sinon');
const sinonJest = require('sinon-jest');Sinon 的用法
spy
test('function should be called', () => {
const my_function = sinon.spy();
my_function();
expect(my_function.calledOnce).toBe(true);
});创建一个 spy：
const spy = sinon.spy();
const obj = { method: spy };stub
test('stub a function', () => {
const my_function = sinon.stub();
my_function.returns(42);
expect(my_function()).toBe(42);
});创建一个 stub：
const stub = sinon.stub();
const obj = { method: stub };Sinon Jest 的用法
当在 Jest 中使用 Sinon 时，我们需要将一些 Sinon 的函数转换成 Jest 函数。这时可以使用 sinonJest.spy 和 sinonJest.stub 函数。这些函数可以很方便地将 Sinon 函数转换成 Jest 函数，以便我们可以与 Jest 的 expect 语法和各种 Jest 辅助函数一起使用。
// javascriptcn.com 代码示例
const sinon = require('sinon');
const sinonJest = require('sinon-jest');
test('should mock a function with spy', () => {
const my_function = sinonJest.spy(() => 42);
expect(my_function()).toBe(42);
expect(my_function.called).toBeTruthy();
});
test('should mock a function with stub', () => {
const my_function = sinonJest.stub();
my_function.returns(42);
expect(my_function()).toBe(42);
});总结
在 Jest 中使用 Sinon 可以让我们更加方便地进行单元测试，同时也可以让我们更加专注于测试本身。在模拟函数或者对象时，使用 Sinon 的 spy 和 stub 函数能让我们很方便地进行 mock 操作。
如果你对 Jest 和 Sinon 还不太熟悉，建议多做练习。通过不断地练习和学习，我们可以更加深入地理解单元测试的本质和实践，并且提高我们的编程技能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654330ae7d4982a6ebcd57a3