Cypress click doesn't trigger the action

user_11105496 0
Viewed 1068

I have a product page with the product quantity control element and the price. On the website, when I click the increase qty button +, the price changes accordingly.

But when I do it with Cypress, I can click the increase button, the product qty changes but the price stays the same. Like if the event was never triggered.

Is there is something like toHaveBeenCalledWith or any listeners I should add to the flow?

Piece of my code:

describe("checkout", describeCheckout);

function describeCheckout() {
  beforeEach(() => {
    populateCart();
    cy.loginUi();

    cy.visitPath("/checkout");
    cy.wait(3000);
  });

  // This part works
  it("should click increase button on item", increaseItemQty);
}

function increaseItemQty() {
  cy.get("increase-qty").click()
}

enter image description here

e2e-testing cypress
1 Answers

Try the code below:

describe("checkout", describeCheckout);

function describeCheckout() {
  beforeEach(() => {
    populateCart();
    cy.loginUi();

    cy.visitPath("/checkout");
    cy.wait(3000);
  });

  // This part works
  it("should click increase button on item", increaseItemQty);
}

function increaseItemQty() {
  cy.get("increase-qty").scrollIntoView().click({ force:true })
}
user_169910410
Related