feat(test): protractor integration, e2e test sample

Author: filipesilva

README.md

@@ -67,19 +67,33 @@ ng build
 The build artifacts will be stored in the `dist/` directory.
 
 
-### Running tests
+### Running unit 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 
+
+### Running end-to-end tests
+
+Before running the tests make sure that you have an updated webdriver and that
+the tests are built:
+
+```bash
+$(npm bin)/webdriver-manager update
+$(npm bin)/tsc -p e2e/
+```
+
+Afterwards you only need to run `$(npm bin)/protractor` while serving via
+`ng serve`.
+
+This will be easier when the command
 [ng test](https://github.com/angular/angular-cli/issues/70) is implemented.
 
 

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

@@ -0,0 +1,15 @@
+import "angular2/testing";
+import { <%= jsComponentName %>Page } from './app.po';
+
+describe('<%= htmlComponentName %> App', function() {
+  let page: <%= jsComponentName %>Page;
+
+  beforeEach(() => {
+    page = new <%= jsComponentName %>Page();
+  })
+
+  it('should display message saying app works', () => {
+    page.navigateTo()
+    expect(page.getParagraphText()).toEqual('<%= htmlComponentName %> Works!');
+  });
+});

addon/ng2/blueprints/ng2/files/e2e/app.po.ts

@@ -0,0 +1,6 @@
+import "angular2/testing";
+
+export class <%= jsComponentName %>Page {
+  navigateTo() { return browser.get('/'); }
+  getParagraphText() { return element(by.css('<%= jsComponentName %>-app p')).getText(); }
+}

addon/ng2/blueprints/ng2/files/e2e/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "ES5",
+    "module": "commonjs",
+    "sourceMap": true,
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "removeComments": false
+  }
+}

addon/ng2/blueprints/ng2/files/gitignore

@@ -14,4 +14,8 @@
 /coverage/*
 /libpeerconnection.log
 npm-debug.log
-testem.log
+testem.log
+
+# e2e
+/e2e/*.js
+/e2e/*.map

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

@@ -18,6 +18,8 @@
     "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",
+    "typescript": "^1.7.3"
   }
 }

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

@@ -0,0 +1,28 @@
+exports.config = {
+  allScriptsTimeout: 11000,
+
+  specs: [
+    'e2e/**/*.e2e.js'
+  ],
+
+  capabilities: {
+    'browserName': 'chrome'
+  },
+
+  directConnect: true,
+
+  baseUrl: 'http://localhost:4200/',
+
+  framework: 'jasmine',
+
+  jasmineNodeOpts: {
+    defaultTimeoutInterval: 30000
+  },
+
+  useAllAngular2AppRoots: true,
+
+  beforeLaunch: function() {
+    require('zone.js');
+    require('reflect-metadata');
+  }
+};