behat.yml

@@ -43,6 +43,7 @@ default:
         - Drupal\DrupalExtension\Context\MessageContext
         - Drupal\DrupalExtension\Context\MinkContext
         - Drupal\DrupalExtension\Context\MarkupContext
+        - DrevOps\BehatScreenshotExtension\Context\ScreenshotContext
   formatters:
     pretty:
     html:
@@ -114,3 +115,8 @@ default:
       print_args: false
       print_outp: false
       loop_break: false
+    DrevOps\BehatScreenshotExtension:
+      dir: '%paths.base%/tests/screenshots'
+      fail: true
+      fail_prefix: 'failed_'
+      purge: false

composer.json

@@ -70,7 +70,8 @@
     "drupal/core-dev": "~9.0",
     "drush/drush": "~10.0 || ~11.0",
     "drupal/drupal-extension": "~4.0",
-    "emuse/behat-html-formatter": "^0.2.0"
+    "emuse/behat-html-formatter": "^0.2.0",
+    "drevops/behat-screenshot": "~1.0"
   },
   "config": {
     "bin-dir": "bin/",

tests/README.md

@@ -26,6 +26,26 @@ composer require --dev emuse/behat-html-formatter:^0.2.0
 
 ```
 
+### Add additional testing packages
+```
+cd path to yout files of the project/PROJECT_DIR_NAME
+BEHAT-SCREENSHOT to capture images on demand or when a test fails
+
+composer require --dev drevops/behat-screenshot
+
+Edit the behat.yml file, which is located in:
+`path to your files of the project/PROJECT_DIR_NAME/docroot/profiles/varbase/behat.yml`
+- to have DrevOps\BehatScreenshotExtension\Context\ScreenshotContext under contexts
+- to have DrevOps\BehatScreenshotExtension:
+            dir: '%paths.base%/tests/screenshots'
+            fail: true
+            fail_prefix: 'failed_'
+            purge: false
+  under extensions
+Read more about it here: https://github.com/drevops/behat-screenshot
+
+```
+
 ### Install Varbase
 Have Varbase installed from the browser or using the `drush site:install` command.
 But make sure to have the webmaster user with the `dD.123123ddd` passwrod.
@@ -104,7 +124,7 @@ To delete testing users use
 
 ## 1. Change the base url
 
-Edit the behat.yml file, which located in:
+Edit the behat.yml file, which is located in:
 `path to your files of the project/PROJECT_DIR_NAME/docroot/profiles/varbase/behat.yml`
  to the domain or the local virtual domain.
 ```

tests/features/varbase/01-website-base-requirements/01-00-varbase-welcome-tour.feature

@@ -4,7 +4,7 @@ The welcome message is made possible by having Varbase Tour module
   @javascript @local @development @staging @production
   Scenario: Check if welcome message is enabled
     Given I am a logged in user with the "webmaster" user
-      And I go to "admin/config/varbase/settings"
+      And I go to "/admin/config/varbase/settings"
      Then I should see "Varbase general settings"
       And I should see "Allow site to show welcome message"
       And I check the box "Allow site to show welcome message"
@@ -15,9 +15,11 @@ The welcome message is made possible by having Varbase Tour module
   @javascript @local @development @staging @production
   Scenario: Check if welcome message and tour are displayed
     Given I am a logged in user with the "webmaster" user
-      And I go to "?welcome"
+      And I go to "/?welcome"
+      And I wait 2 seconds
+      And I scroll to the bottom
      Then I should see "Welcome to "
-      And I should see " Get started "
+      And I should see "Get started"
      When I click "Get started"
       And I wait 2 seconds
      Then I should see "Tour Switch"
@@ -33,7 +35,7 @@ The welcome message is made possible by having Varbase Tour module
   @javascript @local @development @staging @production
   Scenario: Check if welcome message is disabled after closing it
     Given I am a logged in user with the "webmaster" user
-      And I go to "admin/config/varbase/settings"
+      And I go to "/admin/config/varbase/settings"
      Then I should see "Varbase general settings"
       And I should see "Allow site to show welcome message"
       And the "Allow site to show welcome message" checkbox is unchecked

tests/features/varbase/04-content-structure/04-08-landing-page-layout-builder_check-to-add-sections-and-choose-layouts-for-sections.feature

@@ -34,8 +34,7 @@ So that the "Landing (Layout Builder) page" will show up having the listed secti
       And I should not see "Bootstrap 10 Cols"
       And I should not see "Bootstrap 11 Cols"
       And I should not see "Bootstrap 12 Cols"
-      And I scroll to the top of the page
-      And I wait 1s
+     When I scroll to the top of the page
      Then I should see "Save layout"
      When I press the "Save layout" button
       And I wait

tests/features/varbase/04-content-structure/04-10-landing-page-section-configurations.feature

@@ -63,6 +63,7 @@ As a site admin, I will create a new landing page, add a section with different
      Then I should see "Test Rich text in 2 cols section, col 2" 
 
      When I scroll to the top of the page
+      And I wait 2s
      Then I should see "Save layout"
       And I press the "Save layout" button
       And I wait