Cypress doesn't take correct snapshots in 'fullPage' mode in Electron and Chrome browsers

Current behavior:

When I use cy.screenshot() in the test code for visual regression, I wanna take a picture of all DOM element, not only its visible part.

But cypress cannot capture the whole element. The screenshots have the correct size but with only recurring visible part.

Desired behavior:

To take full element as screenshot independently of the DOM element size or viewport settings

Steps to reproduce:

Test code:

it('Take a long snapshot', () => {
  cy.visit('https://twitter.com/Irine_Meier/status/1172003419458088960');
  cy.wait(2000);
  cy.get('#stream-items-id').screenshot({ capture: 'fullPage', scale: true });
});

I took twitter long read for example of App code

https://twitter.com/Irine_Meier/status/1172003419458088960

As u can see the getter #stream-items-id is the twitter tread, the DOM element has a specific length and width

Versions

Windows: win 10 x64 Cypress: 3.7.0 Browsers: Electron 73, Chrome 78

[srinu-kodi]

@jennifer-shehane Any thoughts on this. No library is helping out in the visual regression front with Cypress. It would be really great if someone from Cypress fixes the cy.screenshot() which is not taking fullPage screenshot… Could you please throw some light on this.

[azaeng04]

@jennifer-shehane any proposed solution for this?