javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

tests(page): add basic and host-element tests

Browse Source
This commit is contained in:
Dan Bucholtz
2018-01-11 15:00:58 -06:00
parent 342a81e64d
commit 08f629540b
2 changed files with 65 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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