Cypress 测试 - 使用 If 逻辑在职位空缺中查找“立即申请”以测试“立即申请”工作流程

Question

背景：

有时，用户已经申请了这份工作，“立即申请”按钮将不可见，而是一条成功消息，告诉他们他们已经申请了。

用例：

我想 map 通过工作板上的列表，直到我看到带有“立即申请”逻辑的工作列表，因为我需要测试登录用户的流程。

单击第一个“立即申请”时，我想停止寻找用户可以申请的其他职位列表。

我相信这需要一些if/else逻辑，但我不确定如何做到这一点， 赛普拉斯对此表示不利。

代码：

describe("Candidate Applications", () => {
  // 1. Login as a candidate
  beforeEach(() => cy.loginByCognito(Cypress.env("candidate_username"), Cypress.env("candidate_password")));

  it("passes", () => {
    // 2. Go to the first job listing
    cy.visit(TEACHING_JOBS);
    const arrayOfListings = [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15];

    for (let i = 0; i < arrayOfListings.length; i++) {
      cy.get(`[datacy="displayTitle"] `).eq(i).click();
      cy.wait(2000);

      // If the applicationTop does not contain "Apply Now", use cy.go("back") to go back to the previous page

      cy.get("body").then(body => {
        if (body.find('[datacy="applyNow"]').length > 0) {
            // 3. Apply to the vacancy
            cy.get(`[datacy="applyNow"]`).first().click();
            ...

            break;

        } else {
          cy.go("back");
        }
      });
    }
   });
});

错误：

1. 所有文本都带有黄色下划线，错误Function declared in a loop contains unsafe references to variable(s) 'cy', 'cy', 'cy', 'cy', 'cy', 'cy', 'cy', 'cy', 'cy'.
2. 添加break引入了错误Jump target cannot cross function boundary with Cypress gui saying Module parse failed: Unsyntactic break (37:20)

Answer 1

不要做const arrayOfListings = [1, 2, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15]; 驱动一个for循环。

而是使用正确的赛普拉斯命令

cy.get('[datacy="displayTitle"]').each(($el, i) => {
  $el.click()
  ...
})

如果不能解决，这应该会让你前进。