Jest 是一个流行的 JavaScript 测试框架，它可以帮助你进行单元测试、集成测试和端到端测试等各种测试，让你的代码更具可靠性和可维护性。在 Jest 中，我们可以使用 beforeEach() 和 afterEach() 来帮助我们在每个测试之前和之后执行一些操作，本文就详细介绍在 Jest 中如何使用这两个方法。
beforeEach() 和 afterEach() 的作用
beforeEach() 和 afterEach() 都是 Jest 提供的全局函数，它们的作用分别是在每个测试开始之前和结束之后执行一些操作。比如，我们可以在 beforeEach() 函数中初始化测试环境，而在 afterEach() 函数中清理测试环境，以便测试的结果能够更加准确和可重复。
使用 beforeEach() 和 afterEach()
在 Jest 中使用 beforeEach() 和 afterEach() 非常简单，我们只需要在测试文件中注册对应的函数即可。首先，我们来看一个简单的例子：
beforeEach(() => {
console.log('before each')
})
afterEach(() => {
console.log('after each')
})
test('example', () => {
console.log('test')
})在上面的例子中，我们定义了一个 beforeEach() 函数和一个 afterEach() 函数，它们分别在每个测试之前和之后输出一些文本内容。而 test() 函数则是实际的测试函数，它在每个测试之中输出 test 文本内容。
当我们运行上面的代码时，你会看到如下的控制台输出：
before each test after each
这说明 beforeEach() 和 afterEach() 函数已经在每个测试之前和之后被正确调用了。
除了在测试之前和之后执行一些通用操作之外，beforeEach() 和 afterEach() 函数还可以用于对每个测试进行个性化的准备和清理。比如，我们可以在 beforeEach() 函数中初始化某个变量，然后在测试之中使用它，而 afterEach() 函数则可以用来清理和回收一些资源。
let foo
beforeEach(() => {
foo = 'bar'
})
afterEach(() => {
foo = null
})
test('example', () => {
expect(foo).toBe('bar')
})这个例子中，我们在 beforeEach() 函数中初始化了一个变量 foo，然后在测试函数之中使用了它。而在 afterEach() 函数中，我们又将这个变量重新赋值为 null，以便于下一个测试可以重新初始化它。
总结
beforeEach() 和 afterEach() 是 Jest 中非常有用的全局函数，它们可以帮助我们在每个测试之前和之后执行一些通用操作，以便让测试的结果更加准确和可重复。除此之外，它们还可以用于对每个测试进行个性化的准备和清理，以便让测试更加灵活和智能。
当你使用 Jest 编写测试用例时，一定要熟练掌握 beforeEach() 和 afterEach() 函数的使用方法，以便更加高效和精准地进行测试。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b1c466add4f0e0ffaf7cd8