如果想從頭學起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