diff --git a/src/components/button/test/anchors/app-module.ts b/src/components/button/test/anchors/app-module.ts
new file mode 100644
index 0000000000..bd7e2c8fe3
--- /dev/null
+++ b/src/components/button/test/anchors/app-module.ts
@@ -0,0 +1,46 @@
+import { NgModule, Component } from '@angular/core';
+import { IonicApp, IonicModule, App } from '../../../..';
+
+
+@Component({
+ templateUrl: 'main.html'
+})
+export class E2EPage {
+ btnColor: string;
+ testingColors = ['primary', 'secondary', 'danger', 'dark'];
+ testingColorIndex = 0;
+
+ constructor(app: App) {
+ app.setTitle('Basic Buttons');
+ this.chgColor();
+ }
+
+ chgColor() {
+ this.btnColor = this.testingColors[this.testingColorIndex];
+ console.log('dynamic btnColor', this.btnColor);
+ this.testingColorIndex = (this.testingColorIndex >= this.testingColors.length - 1 ? 0 : this.testingColorIndex + 1);
+ }
+}
+
+@Component({
+ template: '
+ Default
+ Default.activated
+
+ Primary
+ Primary.activated
+
+ Secondary
+ Secondary.activated
+
+ Danger
+ Danger.activated
+
+ Light
+ Light.activated
+
+ Dark
+ Dark.activated
+
+ A Disabled
+ Secondary Disabled
+
+ Change Color
+ Change Color
+
- A Disabled +