Cannot see DOM Snapshots as in the tutorial videos

cypress-io / cypress-realworld-testing-course-app

https://cypress-realworld-testing-course-app.vercel.app/

72 stars 225 forks source link

Cannot see DOM Snapshots as in the tutorial videos #33

Open peterlawless opened 11 months ago

peterlawless commented 11 months ago

I have followed these instructions running Node 18.15.0 and while all tests pass, I do not get to see the DOM Snapshots for each step of the test as I observe in the YouTube tutorial:

Local:

YouTube: Screenshot 2023-10-04 at 3 03 12 PM

I see that there is an icon on each line of the test body depicting a slashed through eye with tooltip: "One or more matched elements are not visible". This doesn't make a lot of sense to me. Is there some sort of configuration that I'm missing?

occo-lbl commented 9 months ago

@peterlawless Hi!

I faced the same problem and researched it. The following site offered a solution. https://stackoverflow.com/questions/73314678/element-is-not-visible-message-when-trying-to-view-test-step-in-cypress

Once you get to the target screen, add the following code This will probably solve the problem!

cy.visit("http://localhost:3000")
+ cy.get("#__next").should("be.visible")