feat(test): protractor integration, e2e test sample

filipesilva · filipesilva · commit fb89332ba07a · 2016-01-22T20:21:38.000Z
diff --git a/README.md b/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.
 
 
diff --git a/addon/ng2/blueprints/ng2/files/e2e/app.e2e.ts b/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!');
+  });
+});
diff --git a/addon/ng2/blueprints/ng2/files/e2e/app.po.ts b/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(); }
+}
diff --git a/addon/ng2/blueprints/ng2/files/e2e/tsconfig.json b/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
+  }
+}
diff --git a/addon/ng2/blueprints/ng2/files/gitignore b/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
diff --git a/addon/ng2/blueprints/ng2/files/package.json b/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"
   }
 }
diff --git a/addon/ng2/blueprints/ng2/files/protractor.conf.js b/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');
+  }
+};

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,8 @@`
`18`	`18`	`"jasmine-core": "^2.3.4",`
`19`	`19`	`"karma": "^0.13.15",`
`20`	`20`	`"karma-chrome-launcher": "^0.2.1",`
`21`		`- "karma-jasmine": "^0.3.6"`
	`21`	`+ "karma-jasmine": "^0.3.6",`
	`22`	`+ "protractor": "^3.0.0",`
	`23`	`+ "typescript": "^1.7.3"`
`22`	`24`	`}`
`23`	`25`	`}`