chore(e2e): restructure e2e test, add todo e2e test

projects/angular-ngrx-material-starter/e2e/src/app.e2e-spec.ts → projects/angular-ngrx-material-starter/e2e/src/app/app.e2e-spec.ts

@@ -1,6 +1,6 @@
 import { AppPage } from './app.po';
 
-import { getCurrentRouteUrl } from './utils/utils';
+import { getCurrentRouteUrl } from '../utils/utils';
 
 describe('App', () => {
   let page: AppPage;

projects/angular-ngrx-material-starter/e2e/src/about/about.e2e-spec.ts → projects/angular-ngrx-material-starter/e2e/src/features/about/about.e2e-spec.ts

@@ -1,5 +1,5 @@
 import { AboutPage } from './about.po';
-import { getCurrentRouteUrl } from '../utils/utils';
+import { getCurrentRouteUrl } from '../../utils/utils';
 
 describe('About Page', () => {
   let page: AboutPage;

projects/angular-ngrx-material-starter/e2e/src/features/todos/todos.e2e-spec.ts

@@ -0,0 +1,27 @@
+import { browser, ExpectedConditions as EC } from 'protractor';
+
+import { TodosPage } from './todos.po';
+
+describe('Todos Page', () => {
+  let page: TodosPage;
+
+  beforeEach(() => (page = new TodosPage()));
+
+  it('adds todo', () => {
+    page.navigateTo();
+
+    page.getInput().sendKeys('Run e2e tests!');
+    page.getAddTodoButton().click();
+
+    browser.wait(EC.presenceOf(page.getResults().get(3)), 5000);
+
+    expect(page.getResults().count()).toBe(4);
+    expect(
+      page
+        .getResults()
+        .get(0)
+        .getText()
+        .then(text => text.trim())
+    ).toBe('Run e2e tests!');
+  });
+});

projects/angular-ngrx-material-starter/e2e/src/features/todos/todos.po.ts

@@ -0,0 +1,19 @@
+import { browser, by, element } from 'protractor';
+
+export class TodosPage {
+  navigateTo() {
+    return browser.get('#/examples/todos');
+  }
+
+  getInput() {
+    return element(by.css('anms-big-input input'));
+  }
+
+  getAddTodoButton() {
+    return element(by.css('anms-big-input-action button'));
+  }
+
+  getResults() {
+    return element.all(by.css('mat-card.todo'));
+  }
+}