Cypress系列(74)- each() 命令詳解
阿新 • • 發佈:2020-11-19
如果想從頭學起Cypress,可以看下面的系列文章哦
https://www.cnblogs.com/poloyy/category/1768839.html
作用
遍歷陣列資料結構(具有 length 屬性的陣列或物件)
語法格式
.each(callbackFn)
callbackFn
- 回撥函式
- 可以擁有三個引數:value、index、collection
正確用法
// 遍歷每個 li 元素 cy.get('ul>li').each(() => {...}) // 遍歷每個 cookie cy.getCookies().each(() => {...})
錯誤用法
// 不能直接通過 cy 呼叫 cy.each(() => {...}) // location() 返回的結果不是一個數組 cy.location().each(() => {...})
命令返回結果
返回和上一條命令一樣的結果
實際栗子
程式碼
栗子一的結果
遍歷三次,每次都可以獲取 li 元素和索引值(從 0 開始)
栗子二的結果
- 若想提前結束遍歷,可以通過判斷然後直接return false
- 若想在.each()命令後繼續操作原始陣列(未遍歷前),可以直接在.each()命令後接.then()命令進行操作