javascript - 如何在 Cypress 中使用 Cucumber Preprocessor 中的 cy.each 迭代和保存数组？

Question

我正在尝试获取即将到来的课程卡 div 中的所有参数。它有课程信息、课程数据、课程名称、教师姓名和注册按钮。我尝试了以下代码，它打印出 1、1+2、1+2+3、1+2+3+4。我怎么能只有 1 2 3 4 而不是重复？

Then('validate upcoming coursecard all parameters',()=>{
    var a = []
    cy.get('.upcoming_course_card')
    .each(($li, index, $lis) => {
        a.push($li[0].innerText)
        console.log(a)
      }) 
})

Answer 1

我不确定我是否正确理解了这个问题：

1. 假设您想准确输出每次迭代中推入数组的元素，然后使用索引来实现，例如：

Then('validate upcoming coursecard all parameters',()=>{
    let a = []
    cy.get('.upcoming_course_card')
    .each(($li, index, $lis) => {
        a.push($li[0].innerText)
        console.log(a[index])
      }) 
})

2. 假设您只想在最后有一个摘要日志语句，打印出数组的所有内容，那么您只需将日志语句放在循环之外：

Then('validate upcoming coursecard all parameters', () => {
  let a = [];
  cy.get('.upcoming_course_card').each(($li, index, $lis) => {
    a.push($li[0].innerText);
  });
  console.log(a);
});

作为提示，考虑使用let而不是var。例如，您可以在这篇文章中找到有关此的详细信息。