diff --git a/packages/core/src/components/page/test/basic/index.html b/packages/core/src/components/page/test/basic/index.html
index f55ca488c7..22675cd622 100644
--- a/packages/core/src/components/page/test/basic/index.html
+++ b/packages/core/src/components/page/test/basic/index.html
@@ -9,7 +9,7 @@
 </head>
 
 <body>
-  <div>
+  <ion-app>
     <ion-page>
       <ion-header>
         <ion-toolbar>
@@ -21,7 +21,7 @@
         Ion Page Content
       </ion-content>
     </ion-page>
-  </div>
+  </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
index cb0062cfc3..4eaec6b11c 100644
--- a/packages/core/src/components/page/test/host-element/index.html
+++ b/packages/core/src/components/page/test/host-element/index.html
@@ -30,9 +30,9 @@
 </head>
 
 <body>
-  <div>
+  <ion-app>
     <page-one></page-one>
-  </div>
+  </ion-app>
 </body>
 
 </html>
diff --git a/packages/core/src/components/page/test/no-ion-app-basic/index.html b/packages/core/src/components/page/test/no-ion-app-basic/index.html
new file mode 100644
index 0000000000..77bac68ff6
--- /dev/null
+++ b/packages/core/src/components/page/test/no-ion-app-basic/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html dir="ltr">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Page - no-ion-app</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>
+  <div style="height: 300px">
+    <ion-page>
+      <ion-header>
+        <ion-toolbar>
+          <ion-title>Page - No Ion App Basic</ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ion-content padding>
+        Ion Page Content
+      </ion-content>
+    </ion-page>
+  </div>
+</body>
+
+</html>
diff --git a/packages/core/src/components/page/test/no-ion-app-host-element/index.html b/packages/core/src/components/page/test/no-ion-app-host-element/index.html
new file mode 100644
index 0000000000..29cac5fa05
--- /dev/null
+++ b/packages/core/src/components/page/test/no-ion-app-host-element/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html dir="ltr">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Page - No Ion App 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>No Ion App 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 style="height: 300px">
+    <page-one></page-one>
+  </div>
+</body>
+
+</html>
