feat(test): protractor integration, e2e test sample

Author: filipesilva

README.md

@@ -64,17 +64,22 @@ 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 
+To run the end-to-end protractor tests you first need to update selenium drivers
+once via `$(npm bin)/webdriver-manager update`.
+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/package.json

@@ -13,6 +13,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,7 @@
+describe('<%= jsComponentName %> App', function() {
+  it('should display message saying app works', function() {
+    browser.get('/');
+    expect(element(by.css('<%= htmlComponentName %>-app p')).getText())
+      .toEqual('<%= htmlComponentName %> Works!');
+  });
+});