Cypress 支持大多数基于 React、Angular 等构建的现代应用程序。Cypress 通常与 Selenium 等自动化工具进行比较。关于哪个工具 [Cypress 和 Selenium] 在自动化方面更好，有很多争论。但是，Cypress 和 Selenium 都具有一系列优点和缺点，我们应该根据用户的需求选择工具。现在让我们讨论 Selenium 和 Cypress 之间的一些区别，如下所示 - Cypress 可作为框架或 npm 使用。它被认为是…… 阅读更多

Cypress 仪表板是一个选项，使我们能够查看记录的测试，并详细了解执行期间发生的事件。它以可视化方式显示测试执行、其报告和运行状态。在 CI 环境中执行测试时，这是一个有用的工具。Cypress 仪表板的优点如下所示 - 它提供有关执行期间通过、失败或跳过的测试用例数量的信息。它提供有关失败测试的堆栈跟踪的完整信息。它捕获失败测试用例的屏幕截图或…… 阅读更多

Cypress 在早期版本中无法处理框架。但是，在其最新版本中，他们为我们提供了自动化包含框架的场景的解决方案。框架是一个 html 结构，它位于另一个 html 结构内。如果要访问框架内的元素，首先 Cypress 必须将其焦点从整个网页移动到框架，然后与框架内的元素交互。我们必须安装一个插件才能在 Cypress 中使用框架。我们将运行项目中的命令 npm install –D cypress-iframe…… 阅读更多

有时，单击链接或按钮会打开另一个窗口，通常称为子窗口。与 Selenium 和 Protractor 等其他自动化工具不同，Cypress 有一种独特的方式来处理子窗口。它基本上通过将其焦点从父窗口转移到子窗口来保留子窗口的任何信息。现在让我们了解为什么链接或按钮会在不同的选项卡上打开一个新网页，这被认为是一个子窗口。这是由于该元素的 html 中设置的 target 属性。如果省略，它将在同一窗口中打开。Cypress 不能…… 阅读更多

鼠标悬停操作在网页中非常常见，当我们将鼠标悬停在其上时，会显示元素列表。Cypress 不支持像 Selenium 等其他自动化工具那样的鼠标悬停操作，因为它认为这是不稳定的。Cypress 将操作 DOM 元素来执行鼠标悬停操作。Cypress 利用 JQuery 中的 show() 方法。show() 方法显示隐藏的元素 [具有 CSS 属性 display:none] 并选中。此外，show() 方法仅适用于隐藏元素在 DOM 中的直接父元素。现在要调用任何 JQuery 函数，Cypress 需要…… 阅读更多

可以使用 Cypress 处理 Web 表格。Web 表格可以分为两种类型 - 静态和动态。静态 Web 表格的行数和列数是固定的。另一方面，动态 Web 表格的行数和列数并不固定。为了识别表格中的特定列值，我们需要 css 选择器的帮助。表格结构有一个 html，它包含标签，然后是标签，最后是标签。行由表示，列值由表示。借助于…… 阅读更多

有时，单击链接或按钮会打开同一浏览器中的另一个选项卡。与 Selenium 和 Protractor 等其他自动化工具不同，Cypress 有一种独特的方式来处理子选项卡。它基本上通过将其焦点从父选项卡转移到子选项卡来保留子选项卡的任何信息。现在让我们了解为什么链接或按钮会在不同的选项卡上打开一个新网页，这被认为是一个子选项卡。这是由于该元素的 html 中设置的 target 属性。如果省略，它将在同一窗口中打开。Cypress 不能直接处理…… 阅读更多

与 Selenium 或 Protractor 等其他自动化工具不同，Cypress 有一种独特的方式来处理警报。Cypress 基本上会自动接受警报，我们无需编写逻辑来处理它们。弹出窗口有两种类型：警报弹出窗口（只有“确定”按钮）和确认弹出窗口（有“确定”和“取消”按钮）。Cypress 的设计方式是，它将在弹出窗口上单击“确定”按钮，无需任何手动干预。它具有触发浏览器事件的功能。示例代码实现以处理警报。describe('Tutorialspoint 测试', function () { // 测试用例 … 阅读更多

网页上有许多类型的下拉列表。下拉列表的类型是静态的和动态的。静态下拉列表带有标签，而动态下拉列表通常带有或标签。在 Cypress 中，使用名为 select() 的内置命令处理带有标签的静态下拉列表。动态下拉列表主要是自动建议的下拉列表，在键入搜索的前几个字母时，会显示建议项目的列表。逻辑是在动态下拉列表中键入一些字符。基于此，列表…… 阅读更多

Cypress 使用其内置命令处理静态下拉列表。对于静态下拉列表，元素的标签名称应为，其子元素的标签名称应为。使用的命令是 select()。此命令需要与提供标签名称为 select 的 DOM 元素的命令链接。select 命令的各种用法如下所示 - select(value) - 带有参数 value 的 select() 命令选择具有该值的选项。与 select() 链接时，get 方法应具有静态下拉列表的 css 选择器。cy.get('select').select('value1')select(text) - 带有参数 text 的 select() 命令…… 阅读更多