← Back to library
Cypressvisualintermediatev10+

Element screenshot for visual diff

Screenshot a specific component for targeted visual regression testing.

1it('captures the nav bar component', () => {
2  cy.visit('/');
3
4  cy.get('[data-testid="main-nav"]')
5    .scrollIntoView()
6    .screenshot('main-nav', { padding: 8 });
7
8  // Pair with cypress-image-diff or cypress-plugin-snapshots
9  // for automated pixel-level comparison against a baseline
10});
#screenshot#element#component#visual regression