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()
    }
  })

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

相关推荐
Momo__7 小时前
TypeScript satisfies 操作符——比 as 更安全的类型守门员
前端·typescript
用户2136610035727 小时前
Vue2事件系统与指令进阶
前端·vue.js
labixiong7 小时前
实现一个能跑的迷你版Promise(一)
前端·javascript·面试
Csvn9 小时前
`??` 和 `||` 搞混,线上用户头像全挂了
前端
kyriewen9 小时前
白宫前脚下了限制令,OpenAI 后脚就把 GPT-5.6 发了
前端·gpt·openai
用户402692448190810 小时前
CRMEB Pro 新增后台接口全链路:路由、权限、验证器、返回格式一次讲清
前端·后端
泉城老铁11 小时前
springboot+vue+ ffmpeg 实现视频的拉流播放
前端
PedroQue9911 小时前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
xiaok11 小时前
部署之后,本地浏览器还在读取旧缓存导致页面一直显示loading中
前端
用户0595401744611 小时前
Redis缓存一致性踩坑实录:线上故障排查6小时,我用pytest+内存快照把它永久关进了笼子
前端·css