First UI test working #70

Didn't work with Firefox, using Chrome only for now.

.gitignore

@@ -6,3 +6,5 @@ config/*.json
 coverage
 *.sh
 *.swp
+bin/selenium*
+reports

lib/views/index.pug

@@ -8,7 +8,7 @@ body#app(style='padding-top: 60px;')
   .navbar.navbar-default.navbar-fixed-top
     .container
       .navbar-header
-        a.navbar-brand(href='/') queery.link
+        a.navbar-brand#logo(href='/') queery.link
         button.navbar-toggle(type='button', data-toggle='collapse', data-target='#navbar-main')
           span.icon-bar
           span.icon-bar

nightwatch.json

@@ -0,0 +1,42 @@
+  {
+  "src_folders" : ["test/ui"],
+  "output_folder" : "reports",
+  "custom_commands_path" : "",
+  "custom_assertions_path" : "",
+  "page_objects_path" : "",
+  "globals_path" : "",
+
+  "selenium" : {
+    "start_process" : true,
+    "server_path" : "./bin/selenium-server-standalone-3.0.0-beta4.jar",
+    "log_path" : "",
+    "port" : 4444,
+    "cli_args" : {
+      "webdriver.chrome.driver": "./bin/chromedriver"
+    }
+  },
+
+  "test_settings" : {
+    "default" : {
+      "launch_url" : "http://localhost:3000",
+      "selenium_port"  : 4444,
+      "selenium_host"  : "localhost",
+      "compatible_testcase_support": true,
+      "silent": true,
+      "screenshots" : {
+        "enabled" : false,
+        "path" : ""
+      },
+      "desiredCapabilities": {
+        "browserName": "chrome",
+        "marionette": true
+      }
+    },
+
+    "chrome" : {
+      "desiredCapabilities": {
+        "browserName": "chrome"
+      }
+  }
+}
+}

package.json

@@ -19,13 +19,14 @@
   "scripts": {
     "initialize": "node bin/init",
     "test": "istanbul cover ./node_modules/.bin/_mocha --check-leaks",
+    "test-ui": "nightwatch ./test/ui/basic.js",
     "start": "node bin/www",
     "watch-scss": "node-sass -w ./src/main.scss ./public/dist/main.css",
     "build-css": "node-sass ./src/main.scss | cleancss -d -o ./public/dist/main.css",
     "watch-js": "watchify -vd -p browserify --ignore unicode/category/So -e src/main.js -o ./public/dist/build.js",
     "browser-sync": "browser-sync start --config 'bs-config.js'",
     "nodemon": "nodemon --watch ./lib --watch app.js --watch ./lib/views --debug bin/www",
-    "dev": "npm-run-all --parallel watch-js watch-scss nodemon browser-sync",
+    "dev": "DEBUG=functions,routes npm-run-all --parallel watch-js watch-scss nodemon browser-sync",
     "build": "NODE_ENV=production browserify --ignore unicode/category/So src/main.js | uglifyjs -v -c > ./public/dist/build.js & npm run build-css",
     "lint": "eslint --ext .js,.vue src test/unit"
   },
@@ -80,7 +81,7 @@
     "eslint-plugin-html": "^1.1.0",
     "istanbul": "^0.4.3",
     "mocha": "^2.4.5",
-    "nightwatch": "^0.8.18",
+    "nightwatch": "^0.9.8",
     "node-sass": "^3.7.0",
     "nodemon": "^1.9.2",
     "npm-run-all": "^2.1.0",

test/ui/basic.js

@@ -0,0 +1,9 @@
+module.exports = {
+  'App starts' : function (browser) {
+    browser
+      .url('http://localhost:3000/#/')
+      .waitForElementVisible('body', 1000)
+      .assert.containsText('#logo', 'queery.link')
+      .end();
+  }
+};