Cypress系列(21)- 可操作类型的命令 之 check()、uncheck()

简介: Cypress系列(21)- 可操作类型的命令 之 check()、uncheck()

如果想从头学起Cypress,可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

.check()


针对 <input> 标签的单选框或复选框,达到选中的作用

 

语法格式

// 所有匹配到的选择框都会被选中一遍
.check()
// 选中指定值的选项
.check(value)
// 选中多个选项(多选框)
.check(values)
// 所有匹配到的选择框都会被选中一遍,且带参数
.check(options)
// 选中指定值的选项,且带参数
.check(value, options)
// 选中多个选项(多选框),且带参数
.check(values, options)


参数讲解

value

要选择的 <option> 的 value 属性或文本内容,字符串类型

 

values

要选择的 <option>  的 value 属性或文本内容,是多个字符串组成的数组

 

options

image.png

正确用法

// 选中所有复选框

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


// 选中第一个单选框

cy.get('[type="radio"]').first().check()

 

错误用法

// 不能直接通过 cy 去调用 check() 命令

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


// check() 一定要 checkbox huo radio 元素才能调用

cy.get('p:first').check()  

重点:只有 <input type="checkbox">  和  <input type="radio"> 才可以调用 .check()

 

前端 html 代码


后面的多个 .check() 栗子都以这个 html 页面为基础哦

image.png


.check() 的栗子


测试文件代码

image.png


.check(value) 的栗子


测试文件代码

image.png


.check(values) 的栗子


测试文件代码

image.png


check(options) 的栗子


测试文件代码

image.png


.check() 触发的事件


image.png


.uncheck()


  • check() 作用相反,取消选中复选框
  • 重点:只有复选框checkbox可以使用 uncheck()
  • 语法格式、写法方式都和 check() 一样,只是可调用对象只剩下复选框,没有单选框

 

小栗子

image.png

结尾


本文是博主基于对蔡超老师的《Cypress 从入门到精通》阅读理解完后输出的博文,并附上了自己的理解

对书籍感兴趣的,大家可以参考本篇博客:https://www.cnblogs.com/poloyy/p/13052972.html,考虑自身需求进行购买

 

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=12vd92hxgwgj1

相关文章
|
7月前
|
测试技术
Cypress的skip 和only 字段如何使用?
Cypress的skip 和only 字段如何使用?
101 0
Cypress的skip 和only 字段如何使用?
|
5月前
|
Linux
Linux02---命令基础 Linux命令基础, ls命令入门,ls命令参数和选项,命令行是一种以纯字符操作系统的方式,command命令本身,options命令的细节行为,parameter命令的
Linux02---命令基础 Linux命令基础, ls命令入门,ls命令参数和选项,命令行是一种以纯字符操作系统的方式,command命令本身,options命令的细节行为,parameter命令的
|
6月前
|
JSON 监控 Serverless
函数计算操作报错合集之执行提示Unrecognized option 'preset' ,该怎么办
在使用函数计算服务(如阿里云函数计算)时,用户可能会遇到多种错误场景。以下是一些常见的操作报错及其可能的原因和解决方法,包括但不限于:1. 函数部署失败、2. 函数执行超时、3. 资源不足错误、4. 权限与访问错误、5. 依赖问题、6. 网络配置错误、7. 触发器配置错误、8. 日志与监控问题。
127 0
|
7月前
报错:Keil5执行文件之后显示Target not created
报错:Keil5执行文件之后显示Target not created
1403 0
|
7月前
|
Python Windows
Python 执行RD命令的问题汇总(无效开关 - “Image“。)
Python 执行RD命令的问题汇总(无效开关 - “Image“。)
105 0
|
7月前
|
Kubernetes Linux Shell
Linux |奇怪的知识---complete命令---你不知道的命令参数补全---kubectl命令的参数补全
Linux |奇怪的知识---complete命令---你不知道的命令参数补全---kubectl命令的参数补全
169 0
|
前端开发 JavaScript 编译器
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
1150 0
|
存储 Python
【Python标准库】argparse——命令行选项、参数和子命令解析器
【Python标准库】argparse——命令行选项、参数和子命令解析器
|
JavaScript 前端开发
Cypress系列(19)- 可操作类型的命令 之 type()
Cypress系列(19)- 可操作类型的命令 之 type()
248 0
Cypress系列(19)- 可操作类型的命令 之 type()
|
JavaScript
Cypress系列(20)- 可操作类型的命令 之 clear()
Cypress系列(20)- 可操作类型的命令 之 clear()
221 0
Cypress系列(20)- 可操作类型的命令 之 clear()