Merge pull request #113 from rackerlabs/upgrade-svr-again

Put travis-ci back

Author: Droogans

.travis.yml

@@ -1,10 +1,10 @@
-sudo: false
+sudo: required
 dist: trusty
 language: node_js
 node_js:
 - '8'
 addons:
-  firefox: '54.0'
+  firefox: '56.0'
   chrome: stable
 branch:
   only:
@@ -16,6 +16,7 @@ before_script:
 - export DISPLAY=:99.0
 - sh -e /etc/init.d/xvfb start
 - jdk_switcher use oraclejdk8
+- yarn rollup
 - yarn start > /dev/null 2>&1 &
 - sleep 5
 script:

docs/_templates/partials/app_nav.njk

@@ -26,8 +26,8 @@
   <hx-disclosure
     aria-controls="{{revealId}}"
     {% if isCurrentCategory %}class="current"{% endif %}>
+    {{ section.label }}
     <hx-icon class="toggle-icon" type="angle-down"></hx-icon>
-    {{ section.label | capitalize }}
   </hx-disclosure>
   <hx-reveal id="{{revealId}}" {% if isCurrentCategory %}open{% endif %}>
     {% for child in section.children %}

test/artifacts/domSnapshots/built/functional/hx-reveal.js.md

@@ -1,33 +1,30 @@
 /*
- * Helper functions for the tests in `../visreg/` and `../functional/`.
+ * Helper functions for the tests in `../visreg/`.
  */
-import {By, ISize, WebDriver, WebElement, WebElementPromise} from "selenium-webdriver";
+import {By, ISize, WebDriver, WebElement, WebElementPromise} from "snappit-visual-regression";
 import {TestContext} from "ava";
 
 export const baseUrl = "http://localhost:3000/helix-ui";
 
 export async function go(driver: WebDriver, component: string) {
-    await driver.get(`${baseUrl}/components/${component}`);
+    await driver.get(`${baseUrl}/${component}`);
 }
 
-export async function snapshot(t: TestContext, element: WebElement) {
-    t.snapshot(await element.getAttribute("outerHTML"));
+export async function sleep(ms = 1500) {
+    return new Promise((resolve, reject) => {
+        setTimeout(resolve, ms);
+    });
 }
 
-export async function setViewportSize (
-    driver: WebDriver,
-    size: ISize,
-) {
-    const jsGetPadding: string = `return {
-        width: window.outerWidth - window.innerWidth,
-        height: window.outerHeight - window.innerHeight
-    }`;
-
-    const padding: ISize = await driver.executeScript(jsGetPadding) as ISize;
-    return driver.manage().window().setSize(
-        size.width + padding.width,
-        size.height + padding.height,
-    );
+export async function snapshot(t: TestContext, element: WebElement) {
+    if (process.env.TRAVIS) {
+        const ready = async () => (await element.getDriver().executeScript("return window.WebComponents.ready")) as boolean;
+        while (!(await ready())) {
+            await sleep(100);
+        }
+    }
+
+    t.snapshot(await element.getAttribute("outerHTML"));
 }
 
 export function $x(
@@ -44,7 +41,7 @@ export function $x(
 
 /* A "starter page object" until there's a greater need for something more robust.
  * For now this only contains common CSS selectors used throughout tests in the
- * visreg/functional directories, but may also contain functions in the future.
+ * visreg directory, but may also contain functions in the future.
  *
  * Once that happens, pull this out of `util.ts` and move it someplace more page-object-y.
  */