diff --git a/e2e/components/checkbox/checkbox.e2e.ts b/e2e/components/checkbox/checkbox.e2e.ts new file mode 100644 index 000000000000..d4b0008c95bf --- /dev/null +++ b/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'); + }); + }); + }); +}); diff --git a/src/e2e-app/checkbox/checkbox-e2e.html b/src/e2e-app/checkbox/checkbox-e2e.html new file mode 100644 index 000000000000..5d78249c6d97 --- /dev/null +++ b/src/e2e-app/checkbox/checkbox-e2e.html @@ -0,0 +1 @@ +Check this button diff --git a/src/e2e-app/checkbox/checkbox-e2e.ts b/src/e2e-app/checkbox/checkbox-e2e.ts new file mode 100644 index 000000000000..d919de8103be --- /dev/null +++ b/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 {} diff --git a/src/e2e-app/e2e-app-module.ts b/src/e2e-app/e2e-app-module.ts index d73bf9465f76..09be530b4614 100644 --- a/src/e2e-app/e2e-app-module.ts +++ b/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], diff --git a/src/e2e-app/e2e-app/e2e-app.html b/src/e2e-app/e2e-app/e2e-app.html index 352774fe7a21..084d2d854f5d 100644 --- a/src/e2e-app/e2e-app/e2e-app.html +++ b/src/e2e-app/e2e-app/e2e-app.html @@ -1,4 +1,5 @@ Button +Checkbox Icon Menu Radios diff --git a/src/e2e-app/e2e-app/routes.ts b/src/e2e-app/e2e-app/routes.ts index 938eb8ca9369..8ed58c0bae22 100644 --- a/src/e2e-app/e2e-app/routes.ts +++ b/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} + ];