Cypress 如何断言复选框 Checkbox 是否已经勾选了？

在使用Cypress进行自动化测试时，要断言复选框（Checkbox）是否已经勾选，可以使用.should()命令搭配be.checked断言。这个断言会检查DOM元素的选中状态是否为真。例如，如果有一个复选框的ID是my-checkbox，那么相应的Cypress代码可能如下所示：

javascript
cy.get('#my-checkbox').should('be.checked');

这行代码首先使用.get()命令获取ID为my-checkbox的复选框元素，然后使用.should('be.checked')来断言这个复选框是否已经被勾选。

如果要测试复选框在交互后的状态变化，我们可能会有一段类似如下的代码：

javascript
// 假设复选框默认未勾选
cy.get('#my-checkbox') // 获取复选框
  .should('not.be.checked') // 断言它默认情况下没有被勾选
  .click() // 点击它
  .should('be.checked'); // 再次断言它现在已经被勾选了

在这个例子中，我们首先断言复选框开始是未被勾选的，然后模拟点击操作，并断言这个复选框在点击之后的状态是已勾选的。

Cypress提供了丰富的断言选项，这使得我们可以很容易地验证各种元素的状态。be.checked只是其中的一种，用于复选框和单选按钮这类可以勾选的元素。