← 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