Then I save fullscreen "width" x "height" screenshot

Resizes the browser viewport to the given width and height (in pixels), then saves a full-page screenshot: the capture covers the entire scrollable height of the page at the chosen width, not just the visible area. A PNG image and a matching .html snapshot of the page source are written to the screenshot directory (default ./screenshots).

This combines viewport resizing with full-page capture, which is ideal for responsive reviews of long pages: the width drives how the layout reflows, while the full-page capture shows everything from header to footer. As with the other resizing steps, the viewport stays at the new size for the rest of the scenario.

Accepted phrasings

Then I save fullscreen 1440 x 900 screenshot
Then we save fullscreen 1440 x 900 screenshot
Then save fullscreen 1440 x 900 screenshot
When I save fullscreen 375 x 667 screenshot
And I save fullscreen 768 x 1024 screenshot

Examples

Then I save fullscreen 1440 x 900 screenshot
Then I save fullscreen 375 x 667 screenshot
Then I save fullscreen 768 x 1024 screenshot
Then I save fullscreen 1920 x 1080 screenshot

In a real scenario

Scenario: Review the full homepage layout at tablet size
  Given I am an anonymous user
   When I go to the homepage
    And wait
   Then I see visible site header
    And I see visible footer
    And I save fullscreen 768 x 1024 screenshot

Related steps

• When I save fullscreen <width> x <height> screenshot
• Then I save <width> x <height> screenshot
• Then I save fullscreen screenshot
• Then I save screenshot with name "filename"

Back to Screenshot Steps