chore(checkbox): add e2e tests (#1602)

Author: tinayuangao

e2e/components/checkbox/checkbox.e2e.ts

@@ -0,0 +1,18 @@
+describe('checkbox', function () {
+  describe('check behavior', function () {
+    beforeEach(function() {
+      browser.get('/checkbox');
+    });
+    it('should be checked when clicked, and be unchecked when clicked again', function () {
+      element(by.id('test-checkbox')).click();
+      element(by.css('input[id=input-test-checkbox]')).getAttribute('checked').then((value: string) => {
+        expect(value).toBeTruthy('Expect checkbox "checked" property to be true');
+      });
+
+      element(by.id('test-checkbox')).click();
+      element(by.css('input[id=input-test-checkbox]')).getAttribute('checked').then((value: string) => {
+        expect(value).toBeFalsy('Expect checkbox "checked" property to be false');
+      });
+    });
+  });
+});

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

@@ -0,0 +1 @@
+<md-checkbox id="test-checkbox">Check this button</md-checkbox>

src/e2e-app/checkbox/checkbox-e2e.ts

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

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

@@ -1,6 +1,7 @@
 import {NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 import {RouterModule} from '@angular/router';
+import {SimpleCheckboxes} from './checkbox/checkbox-e2e';
 import {E2EApp, Home} from './e2e-app/e2e-app';
 import {IconE2E} from './icon/icon-e2e';
 import {ButtonE2E} from './button/button-e2e';
@@ -24,6 +25,7 @@ import {E2E_APP_ROUTES} from './e2e-app/routes';
     MenuE2E,
     BasicTabs,
     SimpleRadioButtons,
+    SimpleCheckboxes,
     Home,
   ],
   bootstrap: [E2EApp],

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

@@ -1,4 +1,5 @@
 <a md-list-item [routerLink]="['button']">Button</a>
+<a md-list-item [routerLink]="['checkbox']">Checkbox</a>
 <a md-list-item [routerLink]="['icon']">Icon</a>
 <a md-list-item [routerLink]="['menu']">Menu</a>
 <a md-list-item [routerLink]="['radio']">Radios</a>

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

@@ -5,12 +5,15 @@ import {BasicTabs} from '../tabs/tabs-e2e';
 import {IconE2E} from '../icon/icon-e2e';
 import {MenuE2E} from '../menu/menu-e2e';
 import {SimpleRadioButtons} from '../radio/radio-e2e';
+import {SimpleCheckboxes} from '../checkbox/checkbox-e2e';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
   {path: 'button', component: ButtonE2E},
+  {path: 'checkbox', component: SimpleCheckboxes},
   {path: 'menu', component: MenuE2E},
   {path: 'icon', component: IconE2E},
   {path: 'radio', component: SimpleRadioButtons},
   {path: 'tabs', component: BasicTabs}
+
 ];