Jest 是一款流行的 JavaScript 测试框架，它可以在 Node.js 环境下执行测试。但是，有时候我们需要在浏览器中运行测试，以便测试浏览器中的 JavaScript 代码。在本文中，我们将探讨如何在 Jest 中进行浏览器测试，并为您提供一些指导意义。
安装 Jest
Jest 是一款基于 Node.js 的测试框架，您需要通过 npm 安装它。可以使用以下命令来安装 Jest ：
npm install --save-dev jest
配置 Jest 进行浏览器测试
在默认情况下，Jest 在 Node.js 环境下运行测试。为了在浏览器中运行测试，您需要进行一些配置。
1. 安装 jsdom
jsdom 是一个 JavaScript 实现的浏览器环境，它提供了一个可以在 Node.js 中模拟浏览器的环境。您需要安装 jsdom，以便在 Jest 中使用它。可以使用以下命令进行安装：
npm install --save-dev jsdom
2. 配置 Jest
要在 Jest 中启用 jsdom，您需要在 Jest 配置中添加以下内容：
{
testEnvironment: 'jsdom'
}这告诉 Jest 当前的测试环境是 jsdom。
编写浏览器测试用例
一旦您的 Jest 配置完成，就可以开始编写浏览器测试用例了。以下是一个示例测试用例的代码：
import { sum } from './calculator';
describe('calculator', () => {
it('adds two numbers', () => {
expect(sum(1, 2)).toBe(3);
});
});在上面的测试用例中，我们引入了一个名为 calculator 的模块，并测试了它的 sum 函数。
运行浏览器测试
运行浏览器测试与运行普通测试用例类似。只需运行以下命令即可：
jest
Jest 将使用您的配置以及 jsdom 在浏览器环境中运行测试用例。
总结
在本文中，我们介绍了使用 Jest 测试 JavaScript 时如何进行浏览器测试。我们学习了如何安装 Jest 和 jsdom，并如何在 Jest 配置中启用 jsdom。此外，我们还编写了一个简单的浏览器测试用例，并学习了如何在 Jest 中运行浏览器测试。最后，希望本文对您有所帮助，并为您的前端测试工作带来一些指导意义。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65436d227d4982a6ebd2f9fd