diff --git a/packages/core/src/components/button/test/expand/e2e.js b/packages/core/src/components/button/test/expand/e2e.js
new file mode 100644
index 0000000000..08df3effa8
--- /dev/null
+++ b/packages/core/src/components/button/test/expand/e2e.js
@@ -0,0 +1,7 @@
+const { register, navigate } = require('../../../../../scripts/e2e');
+
+describe('button: expand', () => {
+
+  register('navigates', navigate('http://localhost:3333/src/components/button/test/expand'));
+
+});
diff --git a/packages/core/src/components/button/test/expand/index.html b/packages/core/src/components/button/test/expand/index.html
new file mode 100644
index 0000000000..6ba07e8d8e
--- /dev/null
+++ b/packages/core/src/components/button/test/expand/index.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Button - Expand</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <script src="/dist/ionic.js"></script>
+</head>
+<body>
+  <ion-app>
+    <ion-page>
+        <ion-header>
+          <ion-toolbar>
+            <ion-title>Button - Expand</ion-title>
+          </ion-toolbar>
+        </ion-header>
+
+        <ion-content padding no-bounce>
+          <p>
+            <ion-button expand="block">Block</ion-button>
+            <ion-button expand="full">Full</ion-button>
+          </p>
+          <p>
+            <ion-button expand="block" color="dark" fill="outline">Block + Outline</ion-button>
+            <ion-button expand="full" color="dark" fill="outline">Full + Outline</ion-button>
+          </p>
+          <p>
+            <ion-button expand="block" fill="clear">Block + Clear</ion-button>
+            <ion-button expand="full" fill="clear">Full + Clear</ion-button>
+          </p>
+          <p>
+            <ion-button expand="block" color="danger" size="small">Block + Small</ion-button>
+            <ion-button expand="full" color="danger" size="small">Full + Small</ion-button>
+          </p>
+          <p>
+            <ion-button expand="block" color="secondary" size="large">Block + Large</ion-button>
+            <ion-button expand="full" color="secondary" size="large">Full + Large</ion-button>
+          </p>
+          <p>
+            <ion-button expand="block" round>Block + Round</ion-button>
+            <ion-button expand="full" round>Full + Round</ion-button>
+          </p>
+        </ion-content>
+    </ion-page>
+  </ion-app>
+</body>
+</html>
