如何比较具有特定名称的所有数组元素？ [关闭]

Question

我在数组中有一个产品名称列表。我想将每个产品名称与特定产品名称进行比较。例如，在数组中，如果我找到产品名称“Damen Basic T-Shirt”，那么我想点击该产品。

这是我的代码

cy.get('.category-products').find('.product-name').then(($ele) => {
  const texts = Array.from($ele, el => el.innerText);
  texts.forEach(text => cy.log(text)); // It will print all the product name
  if(texts == ' Damen Basic T-Shirt '){
    cy.log('product found')
    cy.get('productname').click()
  } else {
    cy.log('product not found')
  }
})

Answer 1

您可以直接使用each() 代替then() 来遍历元素，当您找到所需的文本时，单击它。

cy.get('.category-products').find('.product-name').each(($ele) => {
    if ($ele.text().trim() == 'Damen Basic T-Shirt') {
        cy.log('product found')
        cy.wrap($ele).click()
    } else {
        cy.log('product not found')
    }
})

Answer 2

只需使用过滤器，不要重复每个过滤器 - '未找到产品' 将出现在所有其他项目中

cy.get('.category-products')
  .find('.product-name')
  .filter(':contains("Damen Basic T-Shirt")')
  .click()

或

cy.contains('.category-products .product-name', 'Damen Basic T-Shirt')
  .click()