Resize viewport to a named breakpoint.
Built-in names: xs, sm, md, lg, xl, xxl, xxxl.
xs 375 x 667 phone portrait
sm 576 x 800 large phone / phablet
md 768 x 1024 tablet portrait
lg 992 x 768 small laptop / tablet landscape
xl 1200 x 900 desktop (default)
xxl 1400 x 900 wide desktop / HD
xxxl 1920 x 1080 Full HD / large monitor
Given (I am |we are )?viewing the site on a (?:"([^"]+)"|([a-zA-Z0-9 _,]+)) (?:screen|device)
Example #1
Given I am viewing the site on a xl screenExample #2
Given I am viewing the site on a xs screenExample #3
Given I am viewing the site on a md screenExample #4
Given I am viewing the site on a "xl" screenExample #5
Given I am viewing the site on a lg deviceExample #6
Given I am viewing the site on a "sm" deviceExample #7
Given I am viewing the site on a xxl screenExample #8
Given I am viewing the site on a "xxxl" screenExample #9
Given I am viewing the site on a xxxl deviceExample #10
Given I am viewing the site on a "xxl" deviceExample #11
Given we are viewing the site on a xs screenExample #12
Given viewing the site on a lg screen