test(e2e): Added e2e tests

Author: christopherthielen

e2e/app.e2e-spec.ts

@@ -9,6 +9,32 @@ describe('quickstart-angular App', () => {
 
   it('should display welcome message', () => {
     page.navigateTo();
-    expect(page.getParagraphText()).toEqual('Welcome to app!');
+    expect(page.getParagraphText()).toEqual('Welcome to ui-router!');
+  });
+
+  it('should render 3 links', () => {
+    page.navigateTo();
+    expect(page.getLinks().count()).toEqual(3);
+  });
+
+  it('should render Hello state', () => {
+    page.navigateTo();
+    page.getLink('Hello').click();
+    expect(page.getUrl()).toEqual('/hello');
+    expect(page.getViewContent()).toEqual('hello works!');
+  });
+
+  it('should render World state', () => {
+    page.navigateTo();
+    page.getLink('World').click();
+    expect(page.getUrl()).toEqual('/world');
+    expect(page.getViewContent()).toEqual('world works!');
+  });
+
+  it('should render World.nest state', () => {
+    page.navigateTo();
+    page.getLink('World.nest').click();
+    expect(page.getUrl()).toEqual('/world/nest');
+    expect(page.getViewContent()).toEqual('world works!\nnest works!');
   });
 });

e2e/app.po.ts

@@ -5,7 +5,23 @@ export class AppPage {
     return browser.get('/');
   }
 
+  getUrl() {
+    return browser.getCurrentUrl().then(result => result.replace(/^http:..[^/]*/, ''));
+  }
+
   getParagraphText() {
     return element(by.css('app-root h1')).getText();
   }
+
+  getLinks() {
+    return element.all(by.tagName('a'));
+  }
+
+  getLink(text: string) {
+    return element.all(by.linkText(text));
+  }
+
+  getViewContent() {
+    return element.all(by.tagName('ui-view')).first().getText();
+  }
 }

src/app/app.component.html

@@ -1,4 +1,7 @@
 <a uiSref="hello" uiSrefActive="active">Hello</a>
 <a uiSref="world" uiSrefActive="active">World</a>
 <a uiSref="world.nest" uiSrefActive="active">World.nest</a>
+
+<h1>Welcome to ui-router!</h1>
+
 <ui-view></ui-view>