mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
chore(test): remove unused preview tests (#18608)
This commit is contained in:
@ -1,163 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Nav</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
|
||||
<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
|
||||
<script src="../../../../../scripts/testing/scripts.js"></script>
|
||||
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
|
||||
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script> <script>
|
||||
|
||||
class PageOne extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page One</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
page one
|
||||
<a href='#/two/second-page'>Ir a la page 2</a>
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
class PageTwo extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page Two</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
page two
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
class PageThree extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Page 3</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
page tres
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
class TabOne extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Tab one</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
this is the first path
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
class TabTwo extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Tab Two</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
<ion-nav></ion-nav>
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
class TabThree extends HTMLElement {
|
||||
connectedCallback() {
|
||||
this.innerHTML = `
|
||||
<ion-header translucent>
|
||||
<ion-toolbar>
|
||||
<ion-title>Tab three</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content fullscreen>
|
||||
hey! this is the 3 tab
|
||||
</ion-content>`;
|
||||
}
|
||||
}
|
||||
|
||||
customElements.define('page-one', PageOne);
|
||||
customElements.define('page-two', PageTwo);
|
||||
customElements.define('page-three', PageThree);
|
||||
|
||||
customElements.define('tab-one', TabOne);
|
||||
customElements.define('tab-two', TabTwo);
|
||||
customElements.define('tab-three', TabThree);
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ion-app>
|
||||
|
||||
<ion-router>
|
||||
<ion-route url="/" component="tab-one"> </ion-route>
|
||||
|
||||
<ion-route url="/two" component="tab-two">
|
||||
<ion-route component="page-one"> </ion-route>
|
||||
<ion-route url="/second-page" component="page-two"> </ion-route>
|
||||
<ion-route url="/three-page" component="page-three"> </ion-route>
|
||||
</ion-route>
|
||||
|
||||
<ion-route url="/three" component="tab3"> </ion-route>
|
||||
<ion-route url="/four" component="tab4"> </ion-route>
|
||||
|
||||
</ion-router>
|
||||
|
||||
<ion-tabs>
|
||||
|
||||
<ion-tab component="tab-one" label="Plain List" icon="star"></ion-tab>
|
||||
|
||||
<ion-tab component="tab-two" label="Schedule" icon="globe"></ion-tab>
|
||||
|
||||
<ion-tab component="tab-three" name="tab3" label="Stopwatch" icon="logo-facebook"></ion-tab>
|
||||
|
||||
<ion-tab name="tab4" label="Messages" icon="chatboxes" name="tab-four">
|
||||
inline tab 4
|
||||
</ion-tab>
|
||||
|
||||
</ion-tabs>
|
||||
|
||||
</ion-app>
|
||||
|
||||
<style>
|
||||
f {
|
||||
display: block;
|
||||
margin: 15px auto;
|
||||
max-width: 150px;
|
||||
height: 150px;
|
||||
background: blue;
|
||||
}
|
||||
|
||||
f:last-of-type {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
</style>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user