Cannot see DOM Snapshots as in the tutorial videos

[peterlawless]

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:

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]

@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")