为什么选择浏览器模式？

动机

我们开发 Vitest 浏览器模式功能，旨在优化测试流程，获取更准确可靠的测试结果。这项实验性的测试 API 新增功能允许开发人员在原生浏览器环境中运行测试。在本节中，我们将探讨此功能背后的动机及其对测试的好处。

不同的测试方式

测试 JavaScript 代码有多种方式。一些测试框架在 Node.js 中模拟浏览器环境，而另一些则在真实浏览器中运行测试。其中，jsdom 是一个规范实现的示例，它通过与 Jest 或 Vitest 等测试运行器配合使用来模拟浏览器环境，而 WebdriverIO 或 Cypress 等其他测试工具允许开发人员在真实浏览器中测试其应用程序，而 Playwright 则直接提供浏览器引擎。

模拟环境的局限性

在 jsdom 或 happy-dom 等模拟环境中测试 JavaScript 程序简化了测试设置并提供了易于使用的 API，使其适用于许多项目并提升了测试结果的可信度。然而，需谨记，这些工具仅模拟浏览器环境，而非实际浏览器，这可能导致模拟环境与真实环境产生差异。因此，测试结果中可能会出现假阳性或假阴性。

为确保测试结果的高度可靠性，在真实浏览器环境中进行测试至关重要。这就是我们在 Vitest 中开发浏览器模式功能的原因，该功能支持开发者在浏览器原生环境中运行测试并获得更准确、更可靠的测试结果。借助浏览器级测试，开发人员可以更有信心他们的应用程序在真实世界场景中会按预期工作。

缺点

使用 Vitest 浏览器模式时，需要考虑以下缺点：

早期开发阶段

Vitest 的浏览器模式功能仍处于早期开发阶段。因此，其性能可能尚未完全优化，并且可能存在一些尚未解决的错误或问题。建议用户结合使用 WebdriverIO、Cypress 或 Playwright 等独立的浏览器端测试运行器来增强其 Vitest 浏览器体验。

初始化时间较长

Vitest 浏览器模式需要在初始化过程中启动提供程序和浏览器，这可能需要一些时间。因此初始化时间可能长于其他测试模式。