Cypress 通过其内置命令来处理静态下拉列表。对于静态下拉列表，元素的标签名称应为，其子元素的标签名称应为。使用的命令是 select()。此命令需要与提供 DOM 元素（标签名称为 select）的命令链接。下面列出了 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 方法时，Promise 无法由 Cypress 内部解析，我们需要在代码中借助 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 - ... 阅读更多

在 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 选择器的规则如下所示 -借助 class name 属性。基于唯一类名称的元素选择是借助 (.) 符号完成的。自定义 css 表达式应为 (.classname)。让我们考虑以下 html... 阅读更多