皮蛋很白的博客

DOM 测试官方文档：DOM Manipulation直接操作 DOM 的代码通常被认为难以测试，因为操作 DOM 就要使用浏览器环境的 DOM Api，而 Jest 是运行在 Node 环境中的。例如：// 操作 DOM 的函数function renderHtml() { const div = document.createElement('div') div.innerHTML = ` <h1>Hello World</h1> ` doc

Mock 函数Mock Functions（模拟函数）也被称为“spies”（间谍），官方文档：Mock Functions介绍Mock Functions 的使用方法是抹除函数的实际实现，捕获对函数的调用（以及在这些调用中传递的参数），在使用 new 实例化时捕获构造函数的实例，并允许测试时配置返回值。有两种方法可以 mock 函数：在测试代码中创建一个 mock 函数编写一个手动 mock 来覆盖模块依赖Mock 函数的作用：捕获函数的调用和返回结果，以及函数调用时的 this

Jest API官方文档：全局设定 · Jest在测试文件中，Jest 将所有 API 和对象放入全局环境中。开发者不需要导入任何内容即可使用它们。但是，如果您喜欢显式导入，则可以：import { describe, expect, test } from '@jest/globals'Test 函数test 函数用于创建测试用例。Jest 要求每一个测试文件至少包含一个测试用例，否则会报错，例如创建一个空的测试文件 global.test.js，运行 jest 结果：test 函数

起步测试到底测什么提到测试的时候，即使是最简单的一个代码块可能都让初学者不知所措。最常问的问题的是“我怎么知道要测试什么？”。如果你正在写一个 Web 应用，那么依次测试每个页面的用户交互方式，就是一个很好的开端了。但 Web 应用也是由很多个函数和模块组成的代码单元，也是需要测试的。通常有两种情况：你接手的遗留代码没有写测试用例你必须从无到有的实现一个新功能对于上面两种场景，你可以把测试视为代码的一部分来编写。我所说的这些代码，是用来检查给定的函数是否产生预期输出结果的。 一个典型的测试流