Element screenshot not working

[cangoektas]

Hey!

First of all, thanks a lot for this project! ❤️ I'm very new to cypress so maybe I missed something but I think element snapshots are broken with the latest version.

I quickly made some changes to the example folder to illustrate what I mean (I can also submit a PR if you like):

With the following element in App.js:

<div
  style={{ display: 'inline-block', backgroundColor: 'orange' }}
  data-cy="foo"
>
  Hello, world!
</div>

and the following test file:

describe('App', () => {
  it('should visit the app', () => {
    cy.visit('http://localhost:3000');

    cy.get("[data-cy='foo']").screenshot();

    cy.get("[data-cy='foo']").matchImageSnapshot();
  });
});

the call to .screenshot() produces this image:

but .matchImageSnapshot() produces this:

Is this intended behavior?

[jackjocross]

Thanks for bringing this up and providing a clear example! This is definitely not working as intended. I opened #16 to fix the issue, let me know if you run into anything else.