test(list): add basic e2e tests

Adds basic sanity check e2e tests for the list component.

Fixes #547.

Author: crisbeto

e2e/components/list/list.e2e.ts

@@ -0,0 +1,12 @@
+describe('list', () => {
+  beforeEach(() => browser.get('/list'));
+
+  it('should render a list container', () => {
+    expect(element(by.css('md-list')).isPresent()).toBe(true);
+  });
+
+  it('should render list items inside the list container', () => {
+    let container = element(by.css('md-list'));
+    expect(container.isElementPresent(by.css('md-list-item'))).toBe(true);
+  });
+});

src/e2e-app/e2e-app-module.ts

@@ -9,6 +9,7 @@ import {MenuE2E} from './menu/menu-e2e';
 import {SimpleRadioButtons} from './radio/radio-e2e';
 import {BasicTabs} from './tabs/tabs-e2e';
 import {DialogE2E, TestDialog} from './dialog/dialog-e2e';
+import {ListE2E} from './list/list-e2e';
 import {MaterialModule} from '@angular/material';
 import {E2E_APP_ROUTES} from './e2e-app/routes';
 
@@ -30,6 +31,7 @@ import {E2E_APP_ROUTES} from './e2e-app/routes';
     Home,
     DialogE2E,
     TestDialog,
+    ListE2E,
   ],
   bootstrap: [E2EApp],
   providers: [

src/e2e-app/e2e-app/e2e-app.html

@@ -2,6 +2,7 @@
 <a md-list-item [routerLink]="['checkbox']">Checkbox</a>
 <a md-list-item [routerLink]="['dialog']">Dialog</a>
 <a md-list-item [routerLink]="['icon']">Icon</a>
+<a md-list-item [routerLink]="['list']">List</a>
 <a md-list-item [routerLink]="['menu']">Menu</a>
 <a md-list-item [routerLink]="['radio']">Radios</a>
 <a md-list-item [routerLink]="['tabs']">Tabs</a>

src/e2e-app/e2e-app/routes.ts

@@ -7,6 +7,7 @@ import {MenuE2E} from '../menu/menu-e2e';
 import {SimpleRadioButtons} from '../radio/radio-e2e';
 import {SimpleCheckboxes} from '../checkbox/checkbox-e2e';
 import {DialogE2E} from '../dialog/dialog-e2e';
+import {ListE2E} from '../list/list-e2e';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
@@ -17,4 +18,5 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'radio', component: SimpleRadioButtons},
   {path: 'tabs', component: BasicTabs},
   {path: 'dialog', component: DialogE2E},
+  {path: 'list', component: ListE2E},
 ];

src/e2e-app/list/list-e2e.html

@@ -0,0 +1,5 @@
+<md-list>
+  <h3 md-subheader>Items</h3>
+  <md-list-item>Item one</md-list-item>
+  <md-list-item>Item two</md-list-item>
+</md-list>

src/e2e-app/list/list-e2e.ts

@@ -0,0 +1,9 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+  moduleId: module.id,
+  selector: 'list-e2e',
+  templateUrl: 'list-e2e.html',
+})
+export class ListE2E {}