一杯茶的时间，上手 Jest 测试框架

我们研发开源了一款基于 Git 进行技术实战教程写作的工具，我们图雀社区的所有教程都是用这款工具写作而成，欢迎 Star 哦

如果你想快速了解如何使用，欢迎阅读我们的 教程文档 哦

本文由图雀社区成员 sth 写作而成，欢迎加入图雀社区，一起创作精彩的免费技术教程，予力编程行业发展。

如果您觉得我们写得还不错，记得 点赞 + 关注 + 评论 三连，鼓励我们写出更好的教程💪

当我第一次听说TDD(Test-Driven Develop, 测试驱动开发)的时候，我首先想到的是测试小姐姐们想搞事情？后面发现这个玩意儿是想干掉测试，那好，下面开始让我们干掉这群整天给我们找bug…下面开始从简单的单元测试上手Jest测试框架。

我们能学到什么

1. Jest怎么4行代码完成一个测试用例
2. Jest怎么让测试用例覆盖率100%
3. Jest怎么和Typescript完美结合（填坑实录）
4. Jest最锋利的功能 Mock Functions
   
   

本文所涉及的源代码都放在了 Github 上，如果您觉得我们写得还不错，希望您能给❤️这篇文章点赞+Github仓库加星❤️哦

项目初始化

创建工程

# 注意powershell中'&&'替换为';'
mkdir jest-just-go && cd jest-just-go

初始化

npm init -y

安装依赖

npm i jest --save-dev

1.Jest怎么4行代码完成一个测试用例

初始化Jest默认配置

npx jest --init

初始化时会出现提示信息，按y或enter即可。

编写功能代码

现在让我们正式开始，茶和图雀社区精心准备的甜品更搭哦。


在项目根目录下新建src目录，存放我们的功能代码。然后创建src/dessert.js。

const dessert = function (name) {
   
    this.name = name;
}

dessert.prototype = {
   
    enjoy: function () {
   
        return "Enjoy the " + this.name;
    }
}

module.exports = dessert;

我们已经编写了一个甜品类型，它有一个提供品尝的方法enjoy

编写测试用例

下面开始编码，实现对上面甜品功能的单元测试。


在项目根目录下新建__tests__目录，存放我们的测试用例。然后创建__tests__/dessert.test.js。

const dessert = require("../src/dessert");

describe("test dessert feature", () => {
   
    test("enjoy the cake", () => {
   
        const cake = new dessert('cake');
        expect(cake.enjoy()).toBe("Enjoy the cake");
    })
})

简单的四行代码，我们的第一个测试用例就已经大功告成。这里我们只需要注意 describe、test、expect 这3个 Jest 关键字就行了：

1. describe：组合同一类的 test 用例，可以添加 beforeEach \ afterEach、beforeAll \ afterAll （这里由于篇幅，这一类进阶特性将放在后续的教程中）为其下所有 test 进行统一描述和处理。
2. test：描述具体的测试用例，是单元测试的最小单元。
3. expect： <