循環滑動幻燈片，排除賽普拉斯中的克隆重複項

Question

我是 Cypress 的新手，正在嘗試循環滑動幻燈片，排除克隆的重複項。我在 cypress 中使用 .each() 的索引，但這不起作用。下面是我的程式碼

if (index != 0 && index >= 22) {
    //do something
} else {
    //do something
}

下面是我的 html 程式碼的範例快照：

任何人都可以提出僅循環到原始投影片的邏輯嗎？

Answer 1

您可以使用 :not() 偽選擇器

cy.get('div.swiper-slide:not(.swiper-slide-duplicate)')
  .should('have.length', 23)   // to show loop is filtered, remove once confirmed
  .each($swiperSlide => {
    ...

或如果您喜歡檢查循環內部，請使用 .not() 方法

cy.get('div.swiper-slide')
  .each($swiperSlide => {
    if ($swiperSlide.not(".swiper-slide-duplicate").length) {

    } else {

    }
  })