Cypress中如何仅在开关禁用/未选中时操作及正确使用.check()方法

一、处理类为md-switch的开关按钮（仅未选中时点击） #

针对你提供的HTML结构，开关的核心是内部的<input type="checkbox">元素，可通过以下两种方式实现需求：

方式1：条件判断跳过已选中的情况 #

适合需要跳过已选中状态、不触发断言失败的场景：

// 定位开关的checkbox元素
cy.get('.md-switch input[type="checkbox"]').then($switch => {
  // 判断checkbox是否未被选中
  if (!$switch.is(':checked')) {
    // 仅在未选中状态时执行.check()，若有样式覆盖可加force: true
    cy.wrap($switch).check({ force: true })
  }
})

方式2：断言前置确保状态 #

适合必须保证开关未选中才执行操作的场景（若已选中会直接断言失败）：

cy.get('.md-switch input[type="checkbox"]')
  .should('not.be.checked')
  .check()

二、滑块的条件点击（仅禁用状态时点击） #

假设滑块的禁用状态通过disabled属性或特定类名标识，可按以下逻辑实现：

// 替换为实际的滑块选择器
cy.get('.your-slider-selector').then($slider => {
  // 若禁用标识是类名，可改为$slider.hasClass('disabled')
  if ($slider.is(':disabled')) {
    // 禁用元素点击可能需要force参数强制触发
    cy.wrap($slider).click({ force: true })
  }
})

内容的提问来源于stack exchange，提问作者alex97cristian1551