在现代 Web 应用程序开发中，端到端（E2E）测试是不可或缺的。在此之前，大多数人使用 Selenium 等第三方工具来执行自动化测试，但这些工具的缺点是不太稳定、难以使用和维护。近期，一个叫 Cypress 的新类型工具受到了广泛关注，Cypress 是一个现代的、开源的端到端测试工具，它使用 JavaScript 编写并且专注于用户体验。
在本篇文章中，我们将深入了解 Cypress，学习如何使用它来编写 E2E 测试，并使用示例代码来演示基本用法。
安装 Cypress
在开始学习 Cypress 之前，您需要在本地计算机上安装它。 Cypress 是基于 Node.js 构建的，因此您需要先安装 Node.js 和 npm。如果您还没有安装，请先按照下面的步骤安装它们：
- 安装 https://nodejs.org/ （建议使用最新的长期支持版本）。
- 打开终端窗口，并通过以下命令来检查 Node.js 和 npm 是否安装成功：
---- -- --- --
- 安装 Cypress，使用以下命令：
--- ------- ------- ----------
这样就可以安装 Cypress 相关的依赖项，同时也会在项目目录下创建一个目录名为 "node_modules" 的文件夹，其中包含 Cypress 的所有组件和插件。
创建一个 Cypress 测试
在安装 Cypress 之后，您可以创建您的第一个 Cypress 测试。使用以下命令：
--- ------- ----
这将在您的项目根目录中打开 Cypress Test Runner。Cypress Test Runner 是一个交互式的 GUI 工具，可以帮助您编写和调试 Cypress 测试。
接下来，您可以创建一个新的测试文件。在 Cypress Test Runner 窗口中，单击 "New File"，然后输入一个名字，例如 "example_spec.js"。这将在 "cypress/integration" 目录下创建一个新的测试文件，在其中您可以写一些测试用例代码。
在本文中，我们将编写一个测试用例，测试 Google 搜索的正确性。首先，我们需要导入 Cypress 库并编写一个测试用例。
-- ---------------
------------ ----- ------- ------ -- -- -
---------- ------ ---------- -- -- -
----------------------------------
-------------------------
-------------- --- ---------
------------------------------------
-------------------------- ---------
--
--在这个测试用例中，我们首先在浏览器中打开 Google 主页，然后输入一些文字到搜索框里（搜索 Cypress E2E Testing），点击搜索按钮，最后验证页面 URL 是否包含 "search" 关键字。
运行 Cypress 测试
在完成测试用例后，我们现在可以在 Cypress Test Runner 中运行该测试。单击 "Run all specs" 按钮，并等待测试运行完成。对于本例，您应该能够看到一个包含测试结果和日志的交互式窗口。
此外，在终端/命令行中，您也可以通过运行以下命令来执行 Cypress 测试：
--- ------- ---
该命令将在非交互式模式下运行测试，生成测试报告并将其保存在默认的 "/cypress/results" 目录下。
总结
在本文中，我们已经介绍了如何使用 Cypress 进行 E2E 测试，学习了如何安装 Cypress、创建测试文件以及编写完整的测试用例。Cypress 经过设计，使得编写自动化测试变得更加容易、可读性和维护性更高。结合一个易于使用的 GUI 工具和一个强大的命令行接口，Cypress 已成为一个值得信赖的自动化测试工具，可以帮助开发人员和测试人员更轻松地测试他们的 Web 应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/653279377d4982a6eb5399fe