javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(page): add some additional scenarios

Browse Source
This commit is contained in:
Dan Bucholtz
2018-01-11 15:09:10 -06:00
parent 22d269fb0a
commit ab9498403c
4 changed files with 69 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/src/components/page/test/basic/index.html
View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div> <ion-app>
<ion-page> <ion-page>
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
@ -21,7 +21,7 @@
Ion Page Content Ion Page Content
</ion-content> </ion-content>
</ion-page> </ion-page>
</div> </ion-app>
</body> </body>
</html> </html>

4
packages/core/src/components/page/test/host-element/index.html
View File

@ -30,9 +30,9 @@
</head> </head>
<body> <body>
<div> <ion-app>
<page-one></page-one> <page-one></page-one>
</div> </ion-app>
</body> </body>
</html> </html>

27
packages/core/src/components/page/test/no-ion-app-basic/index.html Normal file
View File

@ -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>

38
packages/core/src/components/page/test/no-ion-app-host-element/index.html Normal file
View File

@ -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>