Snapshots sometimes captured at smaller size

[PTaylour]

I'm sometimes seeing failed tests where the snapshots look to be the same, but at different resolutions.

Has anyone else experienced this?

index.html

    <canvas id="canvas" width="1920" height="1080" style="width: 500px;"></canvas>

test.spec.js

// ...  code to render image on canvas. 
cy.get("#canvas").matchImageSnapshot()

[jackjocross]

I have experienced this issue intermittently when switching between cypress run and cypress open. Were both these screenshots taken in the same mode?

cypress-io/cypress#1309 might also be related.

[PTaylour]

They were taken with the different modes for me too.

I did update snapshots with run

then using run again passed

but using open results in the failure.

Have you tried any workarounds?

[jackjocross]

I haven't tried this myself, but this seems like a promising workaround: cypress-io/cypress#495 (comment).

[PTaylour]

That looks great, shall try it out!

[rodoabad]

This is also happening to me too.

run and open produces different snapshots.

[rodoabad]

@crosscompile that "workaround" does not work for me. Did it work for you?

[jackjocross]

@rodoabad I haven't had a chance to try it out yet.

[PTaylour]

I tried it quickly and it didn't work for me

[stefanoTron]

Did anyone come up with a solution to solve this? The workaround did not work for me either

[edelgado]

This is hugely problematic for us. Can we discard that this is an issue with this plugin though?

[PTaylour]

Yep happy to close in favour of cypress-io/cypress#3324 if this a cypress cy.screenshot issue.

[PTaylour]

This obviously still affects this plugin though. Feel free to re-open if this issue is a useful way to track progress.