Add protractor for end-to-end tests.

Author: marc92w

app/components/header/header.html

@@ -13,7 +13,7 @@
       <a href="#/" class="pull-left">
         <img class="logo" alt="Icon" src="./navbar_icon.png" height="20" width="20">
       </a>
-      <a class="navbar-brand app-name" href="#/">
+      <a class="navbar-brand app-name" id="toStart" href="#/">
         LinkedDataVOWL
         <small>V{{::header.appVersion}}</small>
       </a>
@@ -29,7 +29,7 @@
           </a>
         </li>
         <li ng-class="{ active: header.isActive('/settings') }">
-          <a ng-href="#/settings">
+          <a ng-href="#/settings" id="toSettings">
             <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
             Settings
           </a>

app/components/start/start.html

@@ -20,7 +20,7 @@ <h1>LinkedDataVOWL</h1>
                  ng-minlength="7" typeahead-min-length="0" placeholder="Type in an URL or select some from the list"/>
         </div>
         <div class="col-sm-3">
-          <button type="button" class="btn btn-primary" ng-click="start.showGraph()"
+          <button type="button" class="btn btn-primary" id="showGraph" ng-click="start.showGraph()"
                   ng-disabled="endpointForm.url.$dirty && endpointForm.url.$invalid">
             Show Graph &raquo;
           </button>

package.json

@@ -53,6 +53,7 @@
     "ng-annotate-loader": "0.0.10",
     "node-sass": "^3.4.2",
     "phantomjs": "^1.9.19",
+    "protractor": "^3.2.2",
     "sass-loader": "^3.1.2",
     "style-loader": "^0.13.0",
     "url-loader": "^0.5.7",
@@ -64,6 +65,7 @@
     "host": "webpack-dev-server --host 0.0.0.0 --content-base app --inline --hot",
     "proxy": "node ../anti-cors-proxy/index.js",
     "test": "karma start",
+    "e2etest": "protractor protractor.conf.js",
     "lint": "eslint . --ext .js || true",
     "deploy": "NODE_ENV=production webpack -p --config webpack.production.config.js"
   },

protractor.conf.js

@@ -0,0 +1,5 @@
+exports.config = {
+  framework: 'jasmine',
+  seleniumAddress: 'http://localhost:4444/wd/hub',
+  specs: ['test/e2e/*e2e.js']
+};

test/e2e/settings.e2e.js

@@ -0,0 +1,25 @@
+/* globals browser, element, by */
+'use strict';
+
+describe('Settings Page', function () {
+  
+  let host = 'http://localhost';
+  let portNumber = 8080;
+  let pageName = 'settings';
+  let appName = 'LinkedDataVOWL';
+  let separator = ' — ';
+
+  beforeEach(function () {
+    browser.get(host + ':' + portNumber + '/#/' + pageName);
+  });
+
+  it('should be on the settings page', function () {
+    expect(browser.getTitle()).toBe(appName + separator + 'Settings');
+  });
+  
+  it('should be possible to go back to start page', function () {
+    element(by.id('toStart')).click();
+    expect(browser.getTitle()).toBe(appName + separator + 'Start');
+  });
+
+});

test/e2e/start.e2e.js

@@ -0,0 +1,22 @@
+/* globals browser, element, by */
+'use strict';
+
+describe('Start Page', function () {
+  
+  let appName = 'LinkedDataVOWL';
+  let separator = ' — ';
+  
+  beforeEach(function () {
+    browser.get('http://localhost:8080/#/');
+  });
+
+  it('should have a title', function () {
+    expect(browser.getTitle()).toBe(appName + separator + 'Start');
+  });
+  
+  it('should be possible to switch to settings page', function () {
+    element(by.id('toSettings')).click();
+    expect(browser.getTitle()).toBe(appName + separator + 'Settings');
+  });
+
+});