@vardot/varbase-e2e 2.0.0

package/docs/steps/screenshot.md

@@ -0,0 +1,211 @@
+# Screenshots steps
+
+6 steps, defined in `tests/step-definitions/screenshot.steps.js`.
+
+Cucumber-js loads every `*.steps.js` in that directory automatically — you never `require()` a step file from a feature.
+
+| # | Step |
+| --- | --- |
+| 1 | `Then I save screenshot` |
+| 2 | `Then I save fullscreen screenshot` |
+| 3 | `Then I save 1440 x 900 screenshot` |
+| 4 | `Then I save fullscreen 1440 x 900 screenshot` |
+| 5 | `Then I save screenshot with name "homepage.png"` |
+| 6 | `Then I save fullscreen screenshot with name "homepage-full.png"` |
+
+---
+
+## 1. Then I save screenshot
+
+Save a screenshot at the current viewport size.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save screenshot$/
+```
+
+**Examples**
+
+```gherkin
+Then I save screenshot
+When I save screenshot
+Then save screenshot
+Given I am on "/about-us"
+            Then I save screenshot
+When I go to homepage
+            Then I save screenshot
+Given I am on "/news"
+            When I scroll to "#latest"
+            Then I save screenshot
+Given I am on "/contact"
+            When I fill in "email" with "info@vardot.com"
+            Then I save screenshot
+Given I am on "/search?q=UN"
+            Then I save screenshot
+Then I reload page
+            Then I save screenshot
+Given I am on "/partners/un.org"
+  Then I save screenshot
+```
+
+## 2. Then I save fullscreen screenshot
+
+Save a full-page screenshot (entire scrollable area).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save fullscreen screenshot$/
+```
+
+**Examples**
+
+```gherkin
+Then I save fullscreen screenshot
+When I save fullscreen screenshot
+Then save fullscreen screenshot
+Given I am on "/news"
+            Then I save fullscreen screenshot
+Given I am on "/about-us"
+            Then I save fullscreen screenshot
+Given I am on homepage
+            Then I save fullscreen screenshot
+Given I am on "/partners"
+            When I wait 2 seconds
+            Then I save fullscreen screenshot
+Given I am on "/varbase-e2e"
+            Then I save fullscreen screenshot
+Given I am on "/un.org/reports"
+            Then I save fullscreen screenshot
+Given I am on "/long-article"
+  Then I save fullscreen screenshot
+```
+
+## 3. Then I save 1440 x 900 screenshot
+
+Resize the viewport to <width> x <height> then save a screenshot.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save (\d+) x (\d+) screenshot$/
+```
+
+**Examples**
+
+```gherkin
+Then I save 1440 x 900 screenshot
+Then I save 1200 x 800 screenshot
+Then I save 375 x 667 screenshot
+Then I save 768 x 1024 screenshot
+Then I save 1920 x 1080 screenshot
+Given I am on "/about-us"
+            Then I save 1440 x 900 screenshot
+Given I am on homepage
+            Then I save 375 x 812 screenshot
+Given I am on "/news"
+            Then I save 1024 x 768 screenshot
+Given I am on "/about"
+            Then I save 1366 x 768 screenshot
+Given I am on "/un.org"
+  Then I save 414 x 896 screenshot
+```
+
+## 4. Then I save fullscreen 1440 x 900 screenshot
+
+Resize the viewport to <width> x <height> then save a full-page screenshot.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save fullscreen (\d+) x (\d+) screenshot$/
+```
+
+**Examples**
+
+```gherkin
+Then I save fullscreen 1440 x 900 screenshot
+Then I save fullscreen 1200 x 800 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
+Given I am on "/about-us"
+            Then I save fullscreen 1440 x 900 screenshot
+Given I am on homepage
+            Then I save fullscreen 375 x 812 screenshot
+Given I am on "/about"
+            Then I save fullscreen 1366 x 768 screenshot
+Given I am on "/un.org"
+            Then I save fullscreen 414 x 896 screenshot
+Given I am on "/long-article"
+  Then I save fullscreen 1440 x 900 screenshot
+```
+
+## 5. Then I save screenshot with name "homepage.png"
+
+Save a screenshot using an explicit filename (tokens supported).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save screenshot with name "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+Then I save screenshot with name "homepage.png"
+Then I save screenshot with name "varbase-e2e-home"
+Then I save screenshot with name "un-landing-{datetime}.png"
+Then I save screenshot with name "about-us.png"
+Then I save screenshot with name "{feature_file}_{step_line}"
+Then I save screenshot with name "{url_path}.png"
+Given I am on "/news"
+            Then I save screenshot with name "news-latest.png"
+Given I am on "/about"
+            Then I save screenshot with name "varbase-e2e-index.png"
+Given I am on "/un.org"
+            Then I save screenshot with name "un-home.png"
+Then I save screenshot with name "contact-form-before-submit.png"
+```
+
+## 6. Then I save fullscreen screenshot with name "homepage-full.png"
+
+Save a full-page screenshot using an explicit filename (tokens supported).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I |we )*save fullscreen screenshot with name "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+Then I save fullscreen screenshot with name "homepage-full.png"
+Then I save fullscreen screenshot with name "varbase-e2e-home-full"
+Then I save fullscreen screenshot with name "news-{datetime}.png"
+Then I save fullscreen screenshot with name "about-us-full.png"
+Then I save fullscreen screenshot with name "{feature_file}_full.png"
+Then I save fullscreen screenshot with name "{url_path}-full.png"
+Given I am on "/news"
+            Then I save fullscreen screenshot with name "news-full.png"
+Given I am on "/about"
+            Then I save fullscreen screenshot with name "varbase-e2e-full.png"
+Given I am on "/un.org"
+            Then I save fullscreen screenshot with name "un-home-full.png"
+Then I save fullscreen screenshot with name "long-article-full.png"
+```

package/docs/steps/scroll.md

@@ -0,0 +1,266 @@
+# Scrolling steps
+
+12 steps, defined in `tests/step-definitions/scroll.steps.js`.
+
+Cucumber-js loads every `*.steps.js` in that directory automatically — you never `require()` a step file from a feature.
+
+| # | Step |
+| --- | --- |
+| 1 | `And I scroll down` |
+| 2 | `And I scroll up` |
+| 3 | `When I scroll to top` |
+| 4 | `When I scroll to the bottom` |
+| 5 | `When I scroll to top of "#off-canvas"` |
+| 6 | `When I scroll to bottom of "#off-canvas"` |
+| 7 | `And I scroll right` |
+| 8 | `And I scroll left` |
+| 9 | `When I scroll to start` |
+| 10 | `When I scroll to the end` |
+| 11 | `When I scroll to start of "#off-canvas"` |
+| 12 | `When I scroll to end of "#off-canvas"` |
+
+---
+
+## 1. And I scroll down
+
+Scrolls the page down by a custom number of pixels (default 350).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? down(?: (\d+))?$/
+```
+
+**Examples**
+
+```gherkin
+And I scroll down
+When I scroll down 800
+And we scroll down 500
+When scrolling down 1200
+```
+
+## 2. And I scroll up
+
+Scrolls the page up by a custom number of pixels (default 350).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? up(?: (\d+))?$/
+```
+
+**Examples**
+
+```gherkin
+And I scroll up
+When I scroll up 1000
+And we scroll up 300
+When scrolling up 750
+```
+
+## 3. When I scroll to top
+
+Scrolls to the very top of the current page.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to( the)* top( of the page)*$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to top
+And we scroll to the top
+When scrolling to the top of the page
+```
+
+## 4. When I scroll to the bottom
+
+Scrolls to the bottom of the current page.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to( the)* bottom( of the page)*$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to the bottom
+And we scroll to bottom
+When scrolling to the bottom of the page
+```
+
+## 5. When I scroll to top of "#off-canvas"
+
+Scrolls to the top of a specific element identified by a CSS selector.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to top of "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to top of "#off-canvas"
+And we scroll to top of "#sidebar"
+When scrolling to top of "#main-container"
+```
+
+## 6. When I scroll to bottom of "#off-canvas"
+
+Scrolls to the bottom of a specific element identified by a CSS selector.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to bottom of "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to bottom of "#off-canvas"
+And we scroll to bottom of "#sidebar"
+When scrolling to bottom of "#main-container"
+```
+
+## 7. And I scroll right
+
+Scrolls the page right by a custom number of pixels (default 350).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? right(?: (\d+))?$/
+```
+
+**Examples**
+
+```gherkin
+And I scroll right
+When I scroll right 1000
+And we scroll right 300
+When scrolling right 750
+```
+
+## 8. And I scroll left
+
+Scrolls the page left by a custom number of pixels (default 350).
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? left(?: (\d+))?$/
+```
+
+**Examples**
+
+```gherkin
+And I scroll left
+When I scroll left 800
+And we scroll left 500
+When scrolling left 1200
+```
+
+## 9. When I scroll to start
+
+Scrolls to the start (horizontal origin) of the page.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to( the)* start( of the page)*$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to start
+And we scroll to the start
+When scrolling to the start of the page
+```
+
+## 10. When I scroll to the end
+
+Scrolls to the end (horizontal maximum) of the page.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to( the)* end( of the page)*$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to the end
+And we scroll to end
+When scrolling to the end of the page
+```
+
+## 11. When I scroll to start of "#off-canvas"
+
+Scrolls to the start of a specific element identified by a CSS selector.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to start of "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to start of "#off-canvas"
+And we scroll to start of "#sidebar"
+When scrolling to start of "#main-container"
+```
+
+## 12. When I scroll to end of "#off-canvas"
+
+Scrolls to the end of a specific element identified by a CSS selector.
+
+**Keyword**: `When`
+
+**Pattern**
+
+```js
+/^(I scroll|we scroll|scrolling)? to end of "([^"]*)"$/
+```
+
+**Examples**
+
+```gherkin
+When I scroll to end of "#off-canvas"
+And we scroll to end of "#sidebar"
+When scrolling to end of "#main-container"
+```