有时，单击链接或按钮会在新标签页中打开相同的浏览器。与 Selenium 和 Protractor 等其他自动化工具不同，Cypress 有一种独特的方法来处理子标签页。它基本上通过将焦点从父标签页切换到子标签页来忽略子标签页的信息。现在让我们了解为什么链接或按钮会在不同的标签页（被认为是子标签页）上打开一个新的网页。这是因为该元素的 HTML 中设置了 `target` 属性。如果省略，它将在同一窗口中打开。Cypress 无法直接处理……阅读更多

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

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

使用 Cypress 验证静态下拉菜单

Cypress测试自动化软件测试

Debomita Bhattacharjee

更新于 2020年8月5日 12:05:11

2K+ 次浏览

Cypress 使用其内置命令处理静态下拉菜单。对于静态下拉菜单，元素的标签名称应为 `

`，其子元素应具有标签名称 ``。使用的命令是 `select()`。此命令需要与提供具有标签名称 `select` 的 DOM 元素的命令链接。以下是 `select` 命令的各种用法：`select(value)` - 带有参数 `value` 的 `select()` 命令将选择具有该值的选项。当与 `select()` 链接时，`get` 方法应该具有静态下拉菜单的 CSS 选择器。`cy.get('select').select('value1')` `select(text)` - 带有参数 `text` 的 `select()` 命令将选择……阅读更多

Cypress 使用其内置函数处理复选框的选中和取消选中。对于复选框，元素的标签名称应为 `input`，HTML 代码中的 `type` 属性应为 `checkbox`。使用的命令是 `check()`。此命令需要与提供 DOM 元素的命令链接，并且元素的类型应为复选框。以下是 `check` 命令的各种用法：`check()` - 不带参数的 `check()` 命令将选中所有复选框。当与 `check()` 方法链接时，`get` 方法应具有 `[type="checkbox"]` 作为 CSS 选择器。`cy.get('[type="checkbox"]').check()` `check()`……阅读更多

Cypress 可以处理 JQuery 对象并调用其方法。因此，Cypress 可以同时处理 Cypress 和非 Cypress 命令。Cypress 的本质是异步的。它通过为每个 Cypress 命令解析 Promise 来处理。整个过程由 Cypress 内部处理，并对最终用户隐藏。但是，在处理 JQuery 方法时，Cypress 无法内部解析 Promise，我们需要使用代码中的 `then()` 方法手动解析它们。让我们以 `text()` 方法为例，这是一个非 Cypress 命令，基于……阅读更多

Cypress 基于 node.js 服务器，并使用 Javascript 编程语言。任何依赖于 node.js 的东西都是异步的，因此 Cypress 命令以这种模式工作。当测试用例中有一组测试步骤时，所有步骤都会并行开始执行，而无需等待前一步完成。在同步执行中，每个测试步骤按顺序运行，只有在前一步执行完成后，我们才会转到下一步。因此，在像 Cypress 这样的异步执行中，即使测试步骤……阅读更多

Cypress 可以使用 JQuery `text()` 方法验证元素上的文本。此方法将帮助我们获取所选元素上的文本内容。我们也可以对元素的文本内容进行断言。`cy.get('.product').should('have.text', 'Tutorialspoint');` 我们可以使用 Javascript 方法 `match()`、`include()` 等对文本进行验证，以验证其包含的内容或与之匹配的内容。因此，Cypress 命令可以在 JQuery 对象的帮助下处理非 Cypress 方法，并在其上调用方法。示例代码实现，使用 `text()` 方法。// 测试套件 describe('Tutorialspoint 测试', function () { // 测试……阅读更多

Cypress 具有 `get()` 和 `find()` 方法，可根据页面上的定位器查找元素。这两种方法实现的目标几乎相同。`get()` 方法使用指定为该方法参数的 CSS 定位器来获取一个或多个 Web 元素。语法 `cy.get(selector, args)` `get()` 方法的第二个参数是可选的。可以有三种类型的参数，如下所示：`log` - `log` 参数的默认值为 `true`。这决定了是否会在控制台中记录命令。`cy.get('.product', { log: false });` `withinSubject` - ……阅读更多