Merge pull request #130 from Tripwire/feat/suir-cleanup

WIP: Upgrade Semantic Ui to use Semantic-UI-Less

.vscode/launch.json

@@ -9,20 +9,39 @@
       "request": "launch",
       "name": "build",
       "program": "${workspaceRoot}/scripts/build.js",
-      "cwd": "${workspaceRoot}"
+      "cwd": "${workspaceRoot}",
+      "skipFiles": [
+        "<node_internals>/**/*.js"
+      ]
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "start",
+      "program": "${workspaceRoot}/scripts/start.js",
+      "cwd": "${workspaceRoot}",
+      "skipFiles": [
+        "<node_internals>/**/*.js"
+      ]
     },
     {
       "type": "node",
       "request": "launch",
       "name": "Test",
       "program": "${workspaceRoot}/scripts/test.js",
-      "cwd": "${workspaceRoot}"
+      "cwd": "${workspaceRoot}",
+      "skipFiles": [
+        "<node_internals>/**/*.js"
+      ]
     },
     {
       "type": "node",
       "request": "attach",
       "name": "Attach to Process",
-      "port": 5858
+      "port": 5858,
+      "skipFiles": [
+        "<node_internals>/**/*.js"
+      ]
     }
   ]
 }

backstop.json

@@ -13,7 +13,7 @@
     {
       "label": "Octagon",
       "cookiePath": "backstop_data/engine_scripts/cookies.json",
-      "url": "http://localhost:3333",
+      "url": "http://staticserver:3333",
       "referenceUrl": "",
       "readyEvent": "",
       "readySelector": "",
@@ -26,7 +26,7 @@
       "clickSelector": "",
       "postInteractionWait": "",
       "selectors": [
-        "[data-reactroot]:not(.hasSidebar-0-2)"
+        "[data-preview]"
       ],
       "selectorExpansion": true,
       "misMatchThreshold" : 0.1,
@@ -40,8 +40,8 @@
     "html_report": "backstop_data/html_report",
     "ci_report": "backstop_data/ci_report"
   },
-  "report": ["browser"],
-  "engine": "chrome",
+  "report": ["CI"],
+  "engine": "slimerjs",
   "engineFlags": [],
   "debug": false,
   "debugWindow": false

docker-compose.yml

@@ -0,0 +1,18 @@
+version: '3'
+services:
+  staticserver:
+    image: node:alpine
+    expose:
+      - 3333
+    volumes:
+      - "${PWD}:/src"
+    command: ["node", "/src/node_modules/.bin/httpster", "-d", "/src/styleguide"]
+
+  backstop:
+    image: backstopjs/backstopjs
+    environment:
+      - SCREEN_WIDTH=1920
+      - SCREEN_HEIGHT=1080
+    volumes:
+      - "${PWD}:/src"
+    command: ["test"]