feat(test): protractor integration, e2e test sample

Author: filipesilva

README.md

@@ -64,19 +64,21 @@ The build artifacts will be stored in the `dist/` directory.
 
 ### Running tests
 
-Before running the tests make sure that the project is built. To build the 
+Before running the tests make sure that the project is built. To build the
 project once you can use:
 
 ```bash
 ng build
 ```
 
-With the project built in the `dist/` folder you can just run: `karma start`. 
+With the project built in the `dist/` folder you can just run: `karma start`.
 Karma will run the tests and keep the browser open waiting to run again.
 
-This will be easier when the command 
+This will be easier when the command
 [ng test](https://github.com/angular/angular-cli/issues/70) is implemented.
 
+To run the end-to-end protractor tests, do `$(npm bin)/protractor` while running `ng serve`.
+
 
 ### Deploying the app via GitHub Pages
 

addon/ng2/blueprints/ng2/files/package.json

@@ -2,6 +2,9 @@
   "name": "<%= htmlComponentName %>",
   "version": "0.0.0",
   "license": "Apache-2.0",
+  "scripts":{
+    "postinstall": "webdriver-manager update"
+  },
   "dependencies": {
     "systemjs": "0.19.4",
     "angular2": "2.0.0-alpha.48"
@@ -13,6 +16,7 @@
     "jasmine-core": "^2.3.4",
     "karma": "^0.13.15",
     "karma-chrome-launcher": "^0.2.1",
-    "karma-jasmine": "^0.3.6"
+    "karma-jasmine": "^0.3.6",
+    "protractor": "^3.0.0"
   }
 }

addon/ng2/blueprints/ng2/files/protractor.conf.js

@@ -0,0 +1,23 @@
+exports.config = {
+  allScriptsTimeout: 11000,
+
+  specs: [
+    'dist/**/*.e2e.js'
+  ],
+
+  capabilities: {
+    'browserName': 'chrome'
+  },
+
+  directConnect: true,
+
+  baseUrl: 'http://localhost:4200/',
+
+  framework: 'jasmine',
+
+  jasmineNodeOpts: {
+    defaultTimeoutInterval: 30000
+  },
+
+  useAllAngular2AppRoots: true
+};

addon/ng2/blueprints/ng2/files/src/app/__name__.e2e.ts

@@ -0,0 +1,9 @@
+describe('<%= jsComponentName %> App', function() {
+
+  // #docregion redirect
+  it('should display message saying app works', function() {
+    browser.get('/');
+    expect(element(by.css('<%= htmlComponentName %>-app p')).getText())
+      .toEqual('<%= htmlComponentName %> Works!');
+  });
+});