test(progress-circle): add basic e2e tests (#1954)

Adds basic assertions that the various progress circle variations have been rendered.

Fixes #559.

Author: crisbeto

e2e/components/progress-circle/progress-circle.e2e.ts

@@ -0,0 +1,15 @@
+describe('progress-circle', () => {
+  beforeEach(() => browser.get('/progress-circle'));
+
+  it('should render a determinate progress circle', () => {
+    expect(element(by.css('md-progress-circle')).isPresent()).toBe(true);
+  });
+
+  it('should render an indeterminate progress circle', () => {
+    expect(element(by.css('md-progress-circle[mode="indeterminate"]')).isPresent()).toBe(true);
+  });
+
+  it('should render a spinner', () => {
+    expect(element(by.css('md-spinner')).isPresent()).toBe(true);
+  });
+});

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

@@ -12,6 +12,7 @@ import {DialogE2E, TestDialog} from './dialog/dialog-e2e';
 import {GridListE2E} from './grid-list/grid-list-e2e';
 import {ListE2E} from './list/list-e2e';
 import {ProgressBarE2E} from './progress-bar/progress-bar-e2e';
+import {ProgressCircleE2E} from './progress-circle/progress-circle-e2e';
 import {MaterialModule} from '@angular/material';
 import {E2E_APP_ROUTES} from './e2e-app/routes';
 
@@ -36,6 +37,7 @@ import {E2E_APP_ROUTES} from './e2e-app/routes';
     GridListE2E,
     ListE2E,
     ProgressBarE2E,
+    ProgressCircleE2E,
   ],
   bootstrap: [E2EApp],
   providers: [

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

@@ -6,6 +6,7 @@
 <a md-list-item [routerLink]="['list']">List</a>
 <a md-list-item [routerLink]="['menu']">Menu</a>
 <a md-list-item [routerLink]="['progress-bar']">Progress bar</a>
+<a md-list-item [routerLink]="['progress-circle']">Progress circle</a>
 <a md-list-item [routerLink]="['radio']">Radios</a>
 <a md-list-item [routerLink]="['tabs']">Tabs</a>
 

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

@@ -10,6 +10,7 @@ import {DialogE2E} from '../dialog/dialog-e2e';
 import {GridListE2E} from '../grid-list/grid-list-e2e';
 import {ListE2E} from '../list/list-e2e';
 import {ProgressBarE2E} from '../progress-bar/progress-bar-e2e';
+import {ProgressCircleE2E} from '../progress-circle/progress-circle-e2e';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
@@ -23,4 +24,5 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'grid-list', component: GridListE2E},
   {path: 'list', component: ListE2E},
   {path: 'progress-bar', component: ProgressBarE2E},
+  {path: 'progress-circle', component: ProgressCircleE2E},
 ];

src/e2e-app/progress-circle/progress-circle-e2e.html

@@ -0,0 +1,3 @@
+<md-progress-circle [value]="57"></md-progress-circle>
+<md-progress-circle mode="indeterminate"></md-progress-circle>
+<md-spinner></md-spinner>

src/e2e-app/progress-circle/progress-circle-e2e.ts

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