How Do I Ensure Cypress Waits For Post Requests Before The Assertions?

Question

Use Case: I upload 27 images, and check to see whether the image list has those images.

Problem: Whilst the code is in the correct order, the assertion is made before the POST requests, thus failing the test.

Image:

Code:

it('Can upload many images and see them', () => {
    cy.get('[datacy="uploadImages"]')
      .selectFile(
        [
            "cypress/fixtures/images/example.jpeg",
            ...
        
        ], { force: true });
    cy.get('.MuiAlert-message').should("be.visible");
    cy.get("[datacy='manageMediaImageList']").find("img").should("have.length", 15);
});

Looks like this has already been asked and answered [Intercept the same API call multiple times in Cypress](https://stackoverflow.com/questions/66765452/intercept-the-same-api-call-multiple-times-in-cypress), but Orlas answer is nice and concise. — user16695029, Feb 18 '23 at 10:34
Does this answer your question? [Intercept the same API call multiple times in Cypress](https://stackoverflow.com/questions/66765452/intercept-the-same-api-call-multiple-times-in-cypress) — user16695029, Feb 18 '23 at 10:34

Orla · Accepted Answer · 2023-02-17T08:31:31.930

4

Use an intercept to catch the POST 27 times, assign an alias, and wait on them.

cy.intercept('POST', url).as('images')
cy.get('[datacy="uploadImages"]')
  ...
Cypress._.times(27, () => cy.wait('@images'))
  ...
cy.get("[datacy='manageMediaImageList']")
  ...

edited Feb 17 '23 at 08:31

answered Feb 17 '23 at 08:31

Orla

58
4

How Do I Ensure Cypress Waits For Post Requests Before The Assertions?

1 Answers1