Cypress - 复选框

命令 check 和 uncheck 用于处理复选框。在html代码中，复选框有一个input标签，其type属性的值为checkbox。

Cypress命令

与复选框相关的 Cypress 命令如下 -

• 用于单击所有复选框的命令如下 -

cy.get('input[type="checkbox"]').check()

• 用于单击带有 id 检查的复选框的命令如下 -

cy.get('#chk').check()

• 用于单击值为 Cypress 的复选框的命令如下 -

cy.get('input[type="checkbox"]').check('Cypress')

• 用于单击带有值的复选框的命令- Java 和 Python如下 -

cy.get('input[type="checkbox"]').check(['Java','Python'])

• 用于单击具有选项 Java 值的复选框的命令如下 -

cy.get('.chk').check('Java', options)

• 用于单击带有值的复选框（带有选项的 Java 和 Python）的命令如下：

cy.get('input[type="checkbox"]').check(['Java','Python'], options)

• 用于单击带有选项的类检查的复选框的命令如下 -

cy.get('.chk').check({force : true})

• 用于取消选中所有复选框的命令如下 -

cy.get('input[type="checkbox"]').uncheck()

• 用于取消选中带有 id 检查的复选框的命令如下 -

cy.get('#chk').uncheck()

• 用于取消选中值为 Cypress 的复选框的命令如下 -

cy.get('input[type="checkbox"]').uncheck('Cypress')

• 用于取消选中带有值的复选框的命令- Java 和 Python如下 -

cy.get('input[type="checkbox"]').uncheck(['Java','Python'])

• 用于取消选中具有选项 Java 值的复选框的命令如下 -

cy.get('.chk').uncheck('Java', options)

• 用于取消选中带有值的复选框（带有选项的 Java 和 Python）的命令如下 -

cy.get('input[type="checkbox"]').uncheck(['Java','Python'], options)

• 用于取消选中带有选项的类检查的复选框的命令如下 -

cy.get('.chk').uncheck({force : true)

Cypress的选项

Cypress中可用的选项如下：

• log – 默认值 – true – 用于打开/关闭控制台日志。

• timeout – 默认值 – defaultCommandTimeout(4000ms) – 用于提供抛出错误之前的最大等待时间。

• force – 默认值 – false – 用于强制执行操作。

• scrollBehaviour – 默认值 –scrollBehaviour(top) – 这是用于在命令执行之前将视口滚动到哪个元素的位置。

• waitForAnimations – 默认值 – waitForAnimations(true) – 用于在运行命令之前等待元素完成动画。

• animationDistanceThreshold - 默认值 –animationDistanceThreshold (5) - 这是元素的像素距离，应超过该距离才能获得动画资格。

检查/取消检查命令都需要与生成 DOM 元素的命令链接在一起，并且断言可以应用于这些命令。

Cypress命令的实现

Cypress 中命令的实现解释如下 -

// test suite
describe('Tutorialspoint', function () {
   // it function to identify test
   it('Scenario 1', function (){
      // test step to launch a URL
      cy.visit("https://accounts.google.com/signup")
      //checkbox with assertion
      cy.get('input[type="checkbox"]').check().should('be.checked')
      //identify checkbox with class with assertion
      cy.get('.VfPpkd-muHVFf-bMcfAe').uncheck().should('not.be.checked')
   })
})

执行结果

输出如下 -

上面的结果显示了“显示密码”左侧的复选框，首先使用 check 命令进行检查（使用断言应该进行验证）。

然后，使用 uncheck 命令取消对其进行检查（也使用assertion-should 进行验证）。