javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-16 10:01:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): update e2e tests

Browse Source 
* chore(): update e2e tests

* chore(): back to ion-page

* fix(): generate component def

* chore(): fix missed tests

* fix(): indent

* fix(): indent

* fix(): indent

* fix(): indent

* fix(): add closing icon tag
This commit is contained in:
Mike Hartington
2017-12-11 09:29:53 -08:00
committed by GitHub
parent c30a6629cd
commit ecd0ee33ff
25 changed files with 170 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/core/src/components/action-sheet/test/basic/index.html
View File

@ -30,6 +30,7 @@
<ion-button expand="block" id="cssClass" onclick="presentWithCssClass()">Custom CSS Class</ion-button>
</ion-content>
</ion-page>
</ion-app>

2
packages/core/src/components/action-sheet/test/translucent/index.html
View File

@ -46,7 +46,7 @@
<script>
function presentBasic() {
async function presentBasic() {
var mode = Ionic.mode;
const actionSheetController = document.querySelector('ion-action-sheet-controller');

2
packages/core/src/components/app/app.scss
View File

@ -154,7 +154,6 @@ sub {
ion-app,
ion-nav,
ion-tabs,
ion-page,
.ion-page {
@include position(0, null, null, 0);
@ -170,7 +169,6 @@ ion-page,
// Page Container Structure
// --------------------------------------------------
ion-page,
.ion-page,
.page-inner {
display: flex;

36
packages/core/src/components/icon/test/basic/index.html
View File

@ -1,11 +1,13 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>Icon - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="/dist/ionic.js"></script>
</head>
<body>
<ion-app>
<ion-page>
@ -19,15 +21,31 @@
<ion-grid>
<ion-row>
<ion-col><ion-icon name="logo-ionic" color="primary"></ion-icon></ion-col>
<ion-col><ion-icon name="logo-ionitron" color="primary"></ion-icon></ion-col>
<ion-col><ion-icon name="heart" color="secondary"></ion-icon></ion-col>
<ion-col><ion-icon name="logo-angular" color="danger"></ion-icon></ion-col>
<ion-col>
<ion-icon name="logo-ionic" color="primary"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="logo-ionitron" color="primary"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="heart" color="secondary"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="logo-angular" color="danger"></ion-icon>
</ion-col>
<ion-col><ion-icon name="happy"></ion-icon></ion-col>
<ion-col><ion-icon name="people"></ion-icon></ion-col>
<ion-col><ion-icon name="lock"></ion-icon></ion-col>
<ion-col><ion-icon name="key"></ion-icon></ion-col>
<ion-col>
<ion-icon name="happy"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="people"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="lock"></ion-icon>
</ion-col>
<ion-col>
<ion-icon name="key"></ion-icon>
</ion-col>
</ion-row>
</ion-grid>
@ -62,5 +80,5 @@
</style>
</ion-app>
</body>
</html>
</html>

3
packages/core/src/components/icon/test/items/index.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>Icon - Items</title>
@ -11,6 +12,7 @@
}
</style>
</head>
<body>
<ion-app>
@ -167,4 +169,5 @@
</ion-page>
</ion-app>
</body>
</html>

2
packages/core/src/components/infinite-scroll/test/basic/index.html
View File

@ -10,7 +10,7 @@
<body>
<ion-app>
<ion-page main>
<ion-page>
<ion-header>
<ion-toolbar>

1
packages/core/src/components/input/test/basic/index.html
View File

@ -14,6 +14,7 @@
<ion-title>Input - Basic</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item>

2
packages/core/src/components/menu/test/basic/index.html
View File

@ -55,7 +55,7 @@
</ion-content>
</ion-menu>
<ion-page main class="show-page">
<ion-page main>
<ion-header>
<ion-toolbar>

8
packages/core/src/components/page/page.tsx
View File

@ -5,6 +5,14 @@ import { Component } from '@stencil/core';
tag: 'ion-page',
})
export class Page {
hostData() {
return {
class: {
'ion-page': true
}
};
}
render() {
return <slot></slot>;
}

2
packages/core/src/components/popover/test/basic/index.html
View File

@ -10,7 +10,7 @@
<body>
<ion-app>
<ion-page class="ion-page">
<ion-page>
<ion-header>
<ion-toolbar color="primary">
<ion-buttons slot="start">

1
packages/core/src/components/radio/test/basic/index.html
View File

@ -14,6 +14,7 @@
<ion-title>Radio - Basic</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="radio-test outer-content">
<ion-list>
<ion-radio-group id="fruitRadio">

1
packages/core/src/components/range/test/basic/index.html
View File

@ -16,6 +16,7 @@
<ion-title>Range - Basic</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-list-header>

12
packages/core/src/components/reorder/test/basic/index.html
View File

@ -46,17 +46,23 @@
<ion-item>
Item 5 (custom ion-reorder)
<ion-reorder slot="end"><ion-icon name="pizza"></ion-reorder>
<ion-reorder slot="end">
<ion-icon name="pizza"></ion-icon>
</ion-reorder>
</ion-item>
<ion-item>
Item 6 (custom ion-reorder)
<ion-reorder slot="end"><ion-icon name="pizza"></ion-reorder>
<ion-reorder slot="end">
<ion-icon name="pizza"></ion-icon>
</ion-reorder>
</ion-item>
<ion-item>
Item 7 (custom ion-reorder slot="start")
<ion-reorder slot="start"><ion-icon name="pizza"></ion-reorder>
<ion-reorder slot="start">
<ion-icon name="pizza"></ion-icon>
</ion-reorder>
</ion-item>
<ion-reorder class="no-hide">

72
packages/core/src/components/searchbar/test/basic/index.html
View File

@ -1,14 +1,16 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>Searchbar - 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 class="ion-page">
<ion-page>
<ion-header>
<ion-toolbar>
<ion-title>Searchbar - Basic</ion-title>
@ -17,90 +19,43 @@
<ion-content>
<h5 padding-left padding-top> Search - Default </h5>
<ion-searchbar
value="test"
type="tel"
show-cancel-button
debounce="500">
<ion-searchbar value="test" type="tel" show-cancel-button debounce="500">
</ion-searchbar>
<h5 padding-left padding-top> Search - Animated </h5>
<ion-searchbar
animated="true"
show-cancel-button
debounce="500">
<ion-searchbar animated="true" show-cancel-button debounce="500">
</ion-searchbar>
<h5 padding-left padding-top> Search - Custom Placeholder </h5>
<ion-searchbar
id="dynamicProp"
value="33"
autocorrect="on"
show-cancel-button="true"
autocomplete="on"
spellcheck="false"
type="number"
placeholder="Filter Schedules">
<ion-searchbar id="dynamicProp" value="33" autocorrect="on" show-cancel-button="true" autocomplete="on" spellcheck="false" type="number" placeholder="Filter Schedules">
</ion-searchbar>
<h5 padding-left padding-top> Search - No Cancel Button </h5>
<ion-searchbar
value="after view"
autocorrect="off"
autocomplete="off"
spellcheck="true"
type="text"
show-cancel-button="false">
<ion-searchbar value="after view" autocorrect="off" autocomplete="off" spellcheck="true" type="text" show-cancel-button="false">
</ion-searchbar>
<h5 padding-left padding-top> Search - Custom Cancel Button Danger </h5>
<ion-searchbar
show-cancel-button
cancel-button-text="Really Long Cancel"
color="danger">
<ion-searchbar show-cancel-button cancel-button-text="Really Long Cancel" color="danger">
</ion-searchbar>
<h5 padding-left padding-top> Search - Value passed </h5>
<ion-searchbar
value="mysearch"
cancel-button-text="Really Long Cancel"
color="dark"
show-cancel-button>
<ion-searchbar value="mysearch" cancel-button-text="Really Long Cancel" color="dark" show-cancel-button>
</ion-searchbar>
<h5 padding-left padding-top> Search - Mode iOS</h5>
<ion-searchbar
mode="ios"
animated="true"
show-cancel-button
placeholder="Search">
<ion-searchbar mode="ios" animated="true" show-cancel-button placeholder="Search">
</ion-searchbar>
<h5 padding-left padding-top> Search - Mode MD</h5>
<ion-searchbar
mode="md"
animated="true"
show-cancel-button
placeholder="Search">
<ion-searchbar mode="md" animated="true" show-cancel-button placeholder="Search">
</ion-searchbar>
<h5 padding-left padding-top> Search - DebounceTime </h5>
<ion-searchbar
autocorrect="on"
show-cancel-button="true"
autocomplete="on"
spellcheck="true"
type="text"
debounce="5000"
placeholder="Check the log">
<ion-searchbar autocorrect="on" show-cancel-button="true" autocomplete="on" spellcheck="true" type="text" debounce="5000" placeholder="Check the log">
</ion-searchbar>
<h5 padding-left padding-top> Search - Animated and No Cancel</h5>
<ion-searchbar
id="dynamicAttr"
placeholder="Search"
animated="true"
show-cancel-button="false">
<ion-searchbar id="dynamicAttr" placeholder="Search" animated="true" show-cancel-button="false">
</ion-searchbar>
<p padding>
@ -159,4 +114,5 @@
</ion-page>
</ion-app>
</body>
</html>

3
packages/core/src/components/segment/test/basic/index.html
View File

@ -1,11 +1,13 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="UTF-8">
<title>Segment - Basic</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="/dist/ionic.js"></script>
</head>
<body>
<ion-app>
<ion-page>
@ -114,4 +116,5 @@
</ion-page>
</ion-app>
</body>
</html>

1
packages/core/src/components/textarea/test/basic/index.html
View File

@ -14,6 +14,7 @@
<ion-title>Input - Textarea</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>

6
packages/core/src/components/toast/toast.tsx
View File

@ -70,7 +70,7 @@ export class Toast {
@Prop() position: string;
@Prop() translucent: boolean = false;
@Prop() toastId: string;
@Prop() animate: boolean;
@Prop() animate: boolean = true;
@Prop() enterAnimation: AnimationBuilder;
@Prop() leaveAnimation: AnimationBuilder;
@ -87,7 +87,7 @@ export class Toast {
const animationBuilder = this.enterAnimation || this.config.get('toastEnter', this.mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
// build the animation and kick it off
return this.animationCtrl.create(animationBuilder, this.el).then(animation => {
return this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => {
this.animation = animation;
if (!this.animate) {
// if the duration is 0, it won't actually animate I don't think
@ -115,7 +115,7 @@ export class Toast {
const animationBuilder = this.leaveAnimation || this.config.get('toastLeave', this.mode === 'ios' ? iosLeaveAnimation : mdLeaveAnimation);
return this.animationCtrl.create(animationBuilder, this.el).then(animation => {
return this.animationCtrl.create(animationBuilder, this.el, this.position).then(animation => {
this.animation = animation;
return playAnimationAsync(animation);
}).then((animation) => {

1
packages/core/src/components/toggle/test/basic/index.html
View File

@ -14,6 +14,7 @@
<ion-title>Toggle - Basic</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>