Merge pull request #82 from rackerlabs/auto-generate-regression-tests-squashed

test(regression): Add auto-generated "data-visreg" tests

Author: Droogans

.travis.yml

@@ -0,0 +1,22 @@
+sudo: false
+dist: trusty
+language: node_js
+node_js:
+- '8'
+addons:
+  firefox: '54.0'
+  chrome: stable
+branch:
+  only:
+  - master
+install:
+- npm i -g yarn
+- travis_retry yarn install
+before_script:
+- export DISPLAY=:99.0
+- sh -e /etc/init.d/xvfb start
+- jdk_switcher use oraclejdk8
+- yarn start > /dev/null 2>&1 &
+- sleep 5
+script:
+- yarn test

_config.js

@@ -17,6 +17,7 @@ CONFIG.root = path.resolve(__dirname);// absolute path to project directory
 CONFIG.publicDir = 'public';
 CONFIG.sourceDir = 'source';
 CONFIG.templateDir = `${CONFIG.sourceDir}/_templates`;
+CONFIG.testDir = 'test';
 
 // Component Explorer configuration
 // Used directly for "site" rendering context

bin/start.js

@@ -1,6 +1,8 @@
 #!/usr/bin/env node
 'use strict';
 
+const exec = require('child_process').exec;
+
 const Build = require('./build');
 const CONFIG = require('../_config');
 const Clean = require('./clean');
@@ -16,17 +18,46 @@ Build.buildSync();
 const serverRoutes = {}
 serverRoutes[CONFIG.site.baseHref] = CONFIG.publicDir;
 
+browserSync.emitter.on('init', () => {
+    console.log('Starting a selenium webdriver instance...');
+    exec('yarn run webdriver:start', { cwd: CONFIG.testDir }); // don't log anything to the dev server
+});
+
 browserSync.init({
     files: [ // (See 'watchEvents')
         // Reload browser if any file in public directory changes
         `${CONFIG.publicDir}/**/*`,
+
         // Rebuild if anything changes in source directory
         {
             match: [
                 `${CONFIG.sourceDir}/**/*`
             ],
-            fn: (evt, file) => {
+            fn: () => {
                 Build.buildSync();
+
+                /**
+                 * Always ensure that this task runs last, as it needs to wait for all
+                 * synchronous build events to complete so that browserSync can finish
+                 * and reload the page (and therefore, allow selenium to connnect).
+                 */
+                const tests = exec('yarn run test:regression -- -u', { cwd: CONFIG.testDir });
+                // this *is* asynchronous, see comment above
+                tests.stdout.pipe(process.stdout);
+                tests.stderr.pipe(process.stderr);
+            }
+        },
+
+        // Re-transpile test files
+        {
+            match: [
+                `${CONFIG.testDir}/**/*.ts`,
+                `!${CONFIG.testDir}/built/**/*`
+            ],
+            fn: () => {
+                const tsc = exec('yarn run build', { cwd: CONFIG.testDir });
+                tsc.stdout.pipe(process.stdout);
+                tsc.stderr.pipe(process.stderr);
             }
         },
     ],

package.json

@@ -31,9 +31,10 @@
     "build": "bin/build.js",
     "clean": "rm -fr node_modules",
     "deploy": "bin/deploy.js",
+    "postinstall": "cd test; yarn install; yarn run webdriver:update; cd -;",
     "publish": "bin/publish.js",
     "start": "bin/start.js",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "cd test; yarn test"
   },
   "repository": "git+https://github.com/rackerlabs/helix-ui.git",
   "author": "Rackspace",

test/.gitignore

@@ -1,8 +1,8 @@
 .github-token
 bin/visreg.config.ts
 built/*
-!built/functional/
-built/functional/*
-!built/functional/*.js.snap
-!built/functional/*.js.md
+!built/{functional,regression}/
+built/{functional,regression}/*
+!built/{functional,regression}/*.js.snap
+!built/{functional,regression}/*.js.md
 screenshots