1. 程式人生 > 實用技巧 >Cypress系列(74)- each() 命令詳解

Cypress系列(74)- each() 命令詳解

如果想從頭學起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()命令進行操作