Cypress系列(73)- within() 命令詳解


如果想從頭學起Cypress,可以看下面的系列文章哦

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

 

作用

  • 將所有后續 cy 命令的作用域限定在此元素內
  • 在特定的元素組(例如 <form> )中工作時很有用

 

語法格式

.within(callbackFn)
.within(options, callbackFn)

 

callbackFn

  • 回調函數
  • 第一個參數是上一條命令的返回結果(必須是元素)

 

options 參數

log:是否將命令顯示到命令日志中,默認 true

 

正確用法

cy.get('form').within(($form) => {
     // 在回調函數里,cy 命令的作用域將限定在 form 中
}) 

 

錯誤用法

// 不能直接他通過 cy 調用
cy.within(() => {})

// getCookies() 返回的不是一個元素
cy.getCookies().within(() => {})

 

命令返回結果

返回和上一條命令一樣的結果

 

實際栗子

代碼

重點:回調函數里的 cy.get() 只會從 form 表單里面找元素,而不是整個頁面

 

get() 和 within() 命令的返回結果

兩個命令的返回結果都是 form 表單 

 

 

獲取輸入框的效果

 


免責聲明!

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



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