为什么选择浏览器模式

动机

我们开发 Vitest 浏览器模式功能，旨在改进测试工作流程，并获得更准确、更可靠的测试结果。作为我们测试 API 的一项实验性新功能，它允许开发者在原生浏览器环境中运行测试。本节将探讨此功能背后的动机及其对测试的益处。

不同的测试方式

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

模拟环境的局限性

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

为了最大限度地确保测试的可靠性，在真实浏览器环境中进行测试至关重要。正因如此，我们开发了 Vitest 浏览器模式功能，它允许开发者在浏览器中原生运行测试，从而获得更准确、更可靠的测试结果。通过浏览器级测试，开发者可以更有信心其应用程序在真实场景中按预期工作。

缺点

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

早期开发

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

初始化时间更长

Vitest 浏览器模式在初始化过程中需要启动提供程序和浏览器，这会花费一些时间。这可能导致初始化时间比其他测试模式更长。