Notifications
Clear all
Topic starter
20/11/2022 7:16 pm
We are trying ti implement Visual Testing with cypress and Imagium. The full page screen shot that we get contains multiple overlapping sticky headers. How can we handle this ?
20/11/2022 7:41 pm
This is a typical problem with sticky headers. All you need to do is make a change to position css property of the sticky element as below:
cy.get('.sticky-header').invoke('css', 'position', 'absolute');
cy.screenshot('Imagium/Image',{ overwrite: true });
cy.get('.sticky-header').invoke('css', 'position', null);
For more details see here