diff --git a/packages/core/src/components/page/test/basic/index.html b/packages/core/src/components/page/test/basic/index.html
new file mode 100644
index 0000000000..22675cd622
--- /dev/null
+++ b/packages/core/src/components/page/test/basic/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html dir="ltr">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Page - Basic</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+  <script src="/dist/ionic.js"></script>
+</head>
+
+<body>
+  <ion-app>
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Page - Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content padding>
+        Ion Page Content
+      </ion-content>
+    </ion-page>
+  </ion-app>
+</body>
+
+</html>
diff --git a/packages/core/src/components/page/test/host-element/index.html b/packages/core/src/components/page/test/host-element/index.html
new file mode 100644
index 0000000000..cb0062cfc3
--- /dev/null
+++ b/packages/core/src/components/page/test/host-element/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html dir="ltr">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Page - Host Element</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+  <script src="/dist/ionic.js"></script>
+
+  <script>
+
+  class PageOne extends HTMLElement {
+    connectedCallback() {
+      this.innerHTML = `
+      <ion-page>
+        <ion-header>
+          <ion-toolbar>
+            <ion-title>Page One</ion-title>
+          </ion-toolbar>
+        </ion-header>
+        <ion-content padding>
+          Content for the host element
+        </ion-content>
+      `;
+    }
+  }
+
+  customElements.define('page-one', PageOne);
+  </script>
+</head>
+
+<body>
+  <div>
+    <page-one></page-one>
+  </div>
+</body>
+
+</html>
