0
0
Cypresstesting~5 mins

Full-page screenshots in Cypress - Cheat Sheet & Quick Revision

Choose your learning style9 modes available
Recall & Review
beginner
What is a full-page screenshot in Cypress?
A full-page screenshot captures the entire webpage from top to bottom, not just the visible part on the screen.
Click to reveal answer
beginner
How do you take a full-page screenshot in Cypress?
Use the command cy.screenshot({ capture: 'fullPage' }) to capture the entire page.
Click to reveal answer
beginner
Why are full-page screenshots useful in testing?
They help verify the entire page layout and content, catching issues that might be missed in just the visible area.
Click to reveal answer
beginner
What is the default behavior of cy.screenshot() without options?
It captures only the visible part of the webpage, not the full page.
Click to reveal answer
intermediate
Can full-page screenshots in Cypress capture content that requires scrolling?
Yes, full-page screenshots automatically scroll and stitch the entire page into one image.
Click to reveal answer
Which Cypress command option captures a full-page screenshot?
A{ scroll: true }
B{ capture: 'viewport' }
C{ full: true }
D{ capture: 'fullPage' }
What part of the page does cy.screenshot() capture by default?
AOnly the visible viewport
BOnly the footer section
COnly the header section
DThe entire page
Why might you prefer a full-page screenshot over a viewport screenshot?
ATo capture animations
BTo reduce file size
CTo verify the entire page layout
DTo speed up tests
Does Cypress automatically scroll the page when taking a full-page screenshot?
AYes, it scrolls and stitches the image
BNo, you must scroll manually
COnly if you add a plugin
DOnly on mobile devices
Which of these is NOT a valid reason to use full-page screenshots in testing?
ACheck for hidden content
BCapture only visible elements
CVerify page layout
DDetect scrolling issues
Explain how to take a full-page screenshot in Cypress and why it is useful.
Think about the difference between viewport and full page capture.
You got /3 concepts.
    Describe the difference between default screenshots and full-page screenshots in Cypress.
    Consider what part of the page each method captures.
    You got /3 concepts.