test(): start config for protractor

Author: jelbourn

.travis.yml

@@ -53,6 +53,7 @@ before_script:
 
 script:
 - ./scripts/ci/build-and-test.sh ${MODE}
+- ./scripts/ci/test-e2e-js.sh
 
 cache:
   directories:

package.json

@@ -41,6 +41,8 @@
     "karma-firefox-launcher": "^0.1.7",
     "karma-jasmine": "^0.3.6",
     "karma-sauce-launcher": "^0.2.14",
-    "typescript": "^1.7.5"
+    "protractor": "^3.0.0",
+    "typescript": "^1.7.5",
+    "webdriver-manager": "^8.0.0"
   }
 }

scripts/ci/test-e2e-js.sh

@@ -0,0 +1,31 @@
+#!/bin/bash
+set -ex
+
+echo =============================================================================
+# go to project dir
+SCRIPT_DIR=$(dirname $0)
+cd ${SCRIPT_DIR}/../..
+
+./node_modules/.bin/webdriver-manager update
+
+function killServer () {
+  kill $serverPid
+}
+
+
+./node_modules/.bin/ng serve&
+serverPid=$!
+
+# If this scipt is killed, ensure that the server is terminated.
+trap killServer EXIT
+
+# Wait for server to come up!
+sleep 10
+
+# Let protractor use default browser unless one is specified.
+OPTIONS="";
+if [[ -n "$E2E_BROWSERS" ]]; then
+  OPTIONS="--browsers=$E2E_BROWSERS";
+fi
+
+./node_modules/.bin/protractor test/protractor-js.conf.js ${OPTIONS}

src/e2e/button-e2e-spec.ts

@@ -0,0 +1,10 @@
+describe('protractor sanity test', function() {
+  var url = 'index.html';
+
+  beforeEach(() => { browser.get(url); });
+
+  it('should sanity check the demo-app', () => {
+    var button = element.all(by.css('button')).first();
+    expect(button.getAttribute('md-button')).toBeDefined();
+  });
+});

test/protractor-js.conf.js

@@ -0,0 +1,16 @@
+/**
+ * Configuration for running e2e tests with Protractor.
+ */
+exports.config = {
+  framework: 'jasmine2',
+  useAllAngular2AppRoots: true,
+
+  baseUrl: 'http://localhost:4200/',
+  specs: ['../dist/e2e/button-e2e-spec.js'],
+
+  // Specific options for jasmine.
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 60000
+  },
+};