在 Cypress 上运行测试用例后，我们需要调试并了解日志以防失败。Cypress 具有向用户提供有关失败发生前后发生了什么事件的信息的功能。以上屏幕截图显示了执行的测试用例的完整日志，以及通过/失败结果。如果我们通过单击它进一步调查该步骤，则已对其执行操作的元素将用红色圆圈突出显示。例如，屏幕截图中的 type 命令。在进一步调查中，我们发现我们有 ... 阅读更多

Cypress 有一系列可以应用于浏览器上任何元素的通用断言。断言是检查点，用于确认自动化测试用例的测试步骤是通过还是失败。因此，它检查被测应用程序的预期状态。Cypress 将 Chai、JQuery 和 Sinon 库捆绑用于断言。一些断言与元素以及父命令相关联，不能用作独立命令。例如，should()。但是，有一些断言直接作用于元素，并且不依赖于其他命令。例如，expect()。 ... 阅读更多

除了 Cypress 用于唯一识别元素的 css 选择器之外，还有一个 Cypress 插件可以自动为每个元素提供 css。此插件称为 Open Selector Playground，并随 Cypress Test Runner 一起提供。此插件显示在 Test Runner 窗口的左上方。我们需要单击它，然后监视我们想要识别的元素。监视该元素后，css 选择器值会默认填充。要识别该元素，请监视该元素。请注意，css 值会填充为 #gsc-i-id1 以及 ... 阅读更多

Cypress 必须识别页面上的元素才能对其执行操作。元素的唯一识别是在 Cypress 中使用 jQuery 选择器完成的，该选择器基本上源自 css 选择器。其他自动化工具（如 Selenium）支持 id、name、classname、link text、partial link text、xpath 和 css 选择器等定位器。编写 css 选择器的规则如下：使用类名属性。基于唯一类名的元素选择是在 (.) 符号的帮助下完成的。自定义 css 表达式应为 (.classname)。让我们考虑以下 html ... 阅读更多

Cypress 支持 Chrome、Firefox、Microsoft Edge 和 Electron 浏览器来运行测试用例。一旦我们在我们的机器上下载 Cypress，它就会自动捆绑 Electron 浏览器。浏览器会定期更新到较新版本。为了匹配这一点，Cypress 还会修复已发布浏览器最新版本中的问题。但是，对于每个 Electron 浏览器版本，Cypress 都会进行彻底测试，并且所有测试用例都应通过。在从测试运行程序运行测试用例时，我们必须从测试运行程序右上角出现的下拉列表中选择要运行的浏览器 ... 阅读更多

完成 Cypress 安装并成功设置测试运行程序后，我们将在 examples 文件夹下创建一个 JavaScript 文件。这属于 Cypress 框架模板提供的集成文件夹。为了创建 Cypress 测试，我们需要遵循任何 Javascript 测试框架，如 Jasmine 或 Macha。我们必须实现我们的 Cypress 测试，并借助这些框架使其可运行。Mocha 框架默认情况下与 Cypress 安装捆绑在一起。我们将遵循下面列出的规则，因为 Mocha 或 Jasmine 框架支持：首先，我们应该有一个 ... 阅读更多

Cypress 测试运行程序是此工具的重要功能之一。测试运行程序基本上是使用 Cypress 开始任何测试用例执行的入口。在执行测试用例中的每个步骤时，Cypress 允许我们监控对被测应用程序上的命令的运行。在我们完成 Cypress 的安装后，工具在终端上会提供一个建议：您可以通过运行以下命令打开 Cypress：node_modules/.bin/cypress open接下来，我们将从项目路径运行命令 node_modules/.bin/cypress open。运行此命令后，用户将收到通知，告知 Cypress 正在首次执行 ... 阅读更多

要执行 Cypress 安装，首先我们需要下载 Node，因为要使用 Javascript 工具，我们需要在系统中安装 Node。接下来，我们需要访问官方网站：https://node.org.cn/en/download/ 并根据系统要求下载。对于 Windows 系统，我们只需要一步一步地执行步骤。它将存储在 Program files 中。我们需要在环境变量中设置 node 主目录的路径。接下来，为了使用 Cypress，我们需要在系统中安装一个编辑器。我们可以下载 Microsoft Visual Studio Code 编辑器来编写 ... 阅读更多

下图描述了 Cypress 架构。大多数自动化测试工具（如 Selenium）通过从浏览器外部执行并通过网络运行远程命令来执行。Cypress 具有完全不同的功能。Cypress 位于浏览器本身。在 Cypress 的后台，存在 Node.js 服务器。Node 服务器和 Cypress 不断交互、调整和执行操作，以相互支持。因此，Cypress 可以访问应用程序的前端和后端。这有助于它同时对应用程序上的实时事件采取行动并执行 ... 阅读更多

Cypress 是未来测试前端现代 Web 应用程序的工具。它旨在克服工程师和开发人员在测试基于 React 和 AngularJS 的 Web 应用程序时面临的障碍。它是一个快速、轻松且可靠的工具，用于测试在浏览器上运行的任何应用程序。Cypress 通常与 Selenium 进行比较。但是，在架构和基础方面，Cypress 和 Selenium 之间存在许多差异。Cypress 针对以下列出的目的：单元测试集成测试端到端流程测试因此，Cypress 用于测试在 ... 阅读更多