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

 

 

正確用法

// 選中所有復選框
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 頁面為基礎哦

 

.check() 的栗子

測試文件代碼

 

測試結果

 

.check(value) 的栗子

測試文件代碼

 

測試結果

 

.check(values) 的栗子

測試文件代碼

 

測試結果

 

.check(options) 的栗子

測試文件代碼

 

測試結果

 

.check() 觸發的事件

 

.uncheck()

  • 和 check() 作用相反,取消選中復選框
  • 重點:只有復選框checkbox 可以使用 uncheck() 
  • 語法格式、寫法方式都和 check() 一樣,只是可調用對象只剩下復選框,沒有單選框

 

小栗子

 

 

結尾

本文是博主基於對蔡超老師的《Cypress 從入門到精通》閱讀理解完后輸出的博文,並附上了自己的理解

對書籍感興趣的,大家可以參考本篇博客:https://www.cnblogs.com/poloyy/p/13052972.html,考慮自身需求進行購買

 

我的博客即將同步至騰訊雲+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan?invite_code=12vd92hxgwgj1


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM