賽普拉斯無需鏈接即可獲得多個元素值

山地營地

我的頁面上有樹值。在一個事件之後，這些樹值應該改變。我想得到它們的初始值，然後在事件之後，我想看看它們是否正確增加。我可以在不將它們相互鏈接的情況下讀取和保存這些樹值嗎？
現在的代碼是：

let active_tours: number;
let active_drivers: number;
let total_capacity: number;
cy.get('[data-cy="txt-dashboard-active_tours"]')
  .invoke('text')
  .then((txt) => {
    active_tours = parseInt(txt, 10);

    cy.get('[data-cy="txt-dashboard-active_drivers"]')
      .invoke('text')
      .then((txt) => {
        active_drivers = parseInt(txt, 10);

        cy.get('[data-cy="txt-dashboard-total_capacity"]')
          .invoke('text')
          .then((txt) => {
            total_capacity = parseInt(txt, 10);

            cy.createTour('email', 'password').then(
              (response: any) => {
                cy.get('[data-cy="txt-dashboard-active_tours"').should(($div) => {
                  expect($div.text().trim()).equal((active_tours + 1).toString());
                });
                cy.get('[data-cy="txt-dashboard-active_drivers"').should(($div) => {
                  expect($div.text().trim()).equal((active_drivers + 1).toString());
                });
                cy.get('[data-cy="txt-dashboard-total_capacity"').should(($div) => {
                  expect($div.text().trim()).equal(
                    (total_capacity + response.vehicle.capacity).toString()
                  );
                });
              }
            );
          });
      });
  });

暈眩的艾爾

要最小化異步回調，請使用別名和this屬性，請參閱共享上下文

it('minimizes callbacks', function () {        // must be function here

  cy.get('[data-cy="txt-dashboard-active_tours"]')
    .then($el => parseInt($el.text(), 10))
    .as('tours')                               // saved as this.tours

  cy.get('[data-cy="txt-dashboard-active_drivers"]')
    .then($el => parseInt($el.text(), 10))
    .as('drivers')                             // saved as this.drivers

  cy.get('[data-cy="txt-dashboard-total_capacity"]')
    .then($el => parseInt($el.text(), 10))
    .as('capacity')                            // saved as this.capacity

  cy.createTour('email', 'password').then(response => {

    cy.get('[data-cy="txt-dashboard-active_tours"')
      .then($el => parseInt($el.text(), 10))
      .should(tours2 => expect(tours2).to.eq(this.tours + 1))

    cy.get('[data-cy="txt-dashboard-active_drivers"]')
      .then($el => parseInt($el.text(), 10))
      .should(drivers2 => expect(drivers2).to.eq(this.drivers + 1))

    cy.get('[data-cy="txt-dashboard-total_capacity"')
      .then($el => parseInt($el.text(), 10))
      .should(capacity2 => {
        expect(capacity2).to.eq(this.capacity + response.vehicle.capacity)
      })
  })
})

如果你想刪除一些代碼重複

Cypress.Commands.add('saveNumber', (selector, alias) => {
  cy.get(selector).then($el => parseInt($el.text(), 10)).as(alias)
})

it('minimizes callbacks', function () {        // must be function here

  cy.saveNumber('[data-cy="txt-dashboard-active_tours"]', 'tours')
  cy.saveNumber('[data-cy="txt-dashboard-active_drivers"]', 'drivers')
  cy.saveNumber('[data-cy="txt-dashboard-total_capacity"]'), 'capacity')

  cy.createTour('email', 'password').then(response => {

    cy.saveNumber('[data-cy="txt-dashboard-active_tours"]', 'tours2')
      .should(() => expect(this.tours2).to.eq(this.tours + 1))

    cy.saveNumber('[data-cy="txt-dashboard-active_drivers"]', 'drivers')
      .should(() => expect(this.drivers2).to.eq(this.drivers + 1))

    cy.saveNumber('[data-cy="txt-dashboard-total_capacity"]'), 'capacity')
      .should(() => {
        expect(this.capacity2).to.eq(this.capacity + response.vehicle.capacity)
      })
  })
})