Cypress 做 e2e 测试,如何在获得某个 checkbox 后先判断它是否被 check 然后再更改它的状态?

比如如果这个 checkbox 已经被 check 了,就不做操作,否则将它 check。

我们假设这个 checkbox 的 data-testid 属性是 VendorCodeCheckbox-0-test-id。Cypress 的代码如下:

javascript 复制代码
cy.getByTestId('VendorCodeCheckbox-0-test-id')
  .shadow()
  .find('[role=checkbox]')
  .then(checkbox => {
    if (checkbox.get().at(0).ariaChecked !== 'true') {
      checkbox.click()
    }
  })

注意,对于不同的前端框架,寻找组件的逻辑可能不同。

相关推荐
如果超人不会飞7 小时前
TinyVue NavMenu导航菜单组件使用指南
前端·vue.js
Jason_chen7 小时前
Linux 3.0 串口机制深度解析:传统8250驱动与基础RS-232/485支持
linux·前端
TPBoreas7 小时前
前端面试问题打靶
前端
赵庆明老师7 小时前
JS检查提交的文件是否合规
开发语言·前端·javascript
禅思院8 小时前
前端请求取消与调度完全指南:从 AbortController 到企业级优先级架构
前端·设计模式·前端框架
颂love8 小时前
Vue的两大生态以及组件通信
前端·javascript·vue.js·typescript
甜汤圆8 小时前
Python 里**自定义数据单元**
前端
cidy_988 小时前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端
vivo互联网技术8 小时前
动效开发不踩坑:几种动效实现方案对比与实战选型
前端·性能优化·动效
Csvn8 小时前
【Vue3】Composition API vs Options API —— 什么场景该选哪个
前端