Cypress is not able to verify the existence of newly attached element

Current behavior:

Cypress is not able to verify the existence of newly attached element.

Desired behavior:

Cypress is able to get a new DOM element.

Steps to reproduce:

My test looks like follow:

1. Visit page
2. Fill in the form
3. Submit
4. Wait for success XHR status
5. Verify newly attached success toast.

The strange thing is that I have multiple forms on different pages and this works on 90% of them. My toast mechanism is EXACTLY the same on all of those pages so I really don’t know where the problem might be.

My XHR wait and then toast verification looks like follow:

cy.wait('@putProductsRateSingle').then((response) => {
      expect(response.status).to.eq(200)
    })
cy.get('#toast-container .toast-success', { timeout: 5000 }).should('contain', 'Parcel updated!')

Versions

3.0.2, MacOS, Chrome

[davidzambrana]

@kapalkat in your case, if you change your

cy.get('#toast-container .toast-success', { timeout: 5000 }).should('contain', 'Parcel updated!')

to

cy.contains('.toast-success', 'Parcel updated!')

do you still see the same issue?

In my case I’m verifying the toasts this way and I haven’t got any problem so far.

[jennifer-shehane]

Unfortunately we’ll have to close this issue if no reproducible example is provided.

Can anyone provide a way to reproduce this - test code and/or html code that we can run on our machines to reproduce?