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}
+
];