Add visual tests and first baseline screenshots

.gemini.yml

@@ -0,0 +1,16 @@
+rootUrl: ***REMOVED***
+gridUrl: 'overidden by test script to point towards dockerized browser'
+screenshotsDir: './visual-tests/baseline-screenshots'
+browsers:
+  firefox-small:
+    windowSize: 479x10000
+    desiredCapabilities:
+      browserName: firefox
+  firefox-medium:
+    windowSize: 767x10000
+    desiredCapabilities:
+      browserName: firefox
+  firefox-large:
+    windowSize: 1023x10000
+    desiredCapabilities:
+      browserName: firefox

package.json

@@ -28,8 +28,9 @@
     "ffe-core": "^8.1.0"
   },
   "devDependencies": {
+    "ffe-core": "^8.1.0",
+    "ffe-visual-tests-support": "^2.1.0",
     "less": "^2.7.1",
-    "mkdirp": "^0.5.1",
-    "ffe-core": "^8.1.0"
+    "mkdirp": "^0.5.1"
   }
 }

run_visual-tests.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+source node_modules/ffe-visual-tests-support/run_gemini_command.lib
+
+rm -rf gemini-report/
+
+run_gemini_command test  --reporter html --reporter flat

update_visual-tests-baselines.sh

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+npm install
+npm run examples
+
+source node_modules/ffe-visual-tests-support/run_gemini_command.lib
+
+run_gemini_command update

visual-tests/specs/test.js

@@ -0,0 +1,26 @@
+var fs = require('fs');
+
+
+
+var HTML_PATTERN = /\.html$/
+
+fs.readdirSync('./examples')
+  .filter(function(f) { return f.match(HTML_PATTERN) })
+  .forEach(function(f) {
+    gemini.suite(f.replace(HTML_PATTERN, ""), function(suite) {
+      suite.setUrl('/' + f)
+           .setCaptureElements('body')
+           .before(function(actions, find) {
+                actions.executeJS(function(window) {
+                  Array.prototype.forEach.call(document.querySelectorAll(".ffe-loading-spinner,  .ffe-action-button__label-spinner, .ffe-primary-button__label-spinner, .ffe-secondary-button__label-spinner"), function(el) {
+                     // Removes spinning/animation elements that impair test stability
+                     el && el.parentNode.removeChild(el);
+                  });
+                })
+                .wait(500);  // for checkbox animations to reach steady state
+
+           })
+           .capture('plain');
+    })
+  });
+