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

test(button): update tests for button block to use expand

Browse Source
This commit is contained in:
Brandy Carney
2017-11-28 14:13:42 -05:00
parent 52a84aa588
commit 84abe7300f
10 changed files with 51 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,12 +20,12 @@
<ion-content padding> <ion-content padding>
<ion-action-sheet-controller></ion-action-sheet-controller> <ion-action-sheet-controller></ion-action-sheet-controller>
<ion-button id="basic" block onclick="presentBasic()">Basic</ion-button> <ion-button expand="block" id="basic" onclick="presentBasic()">Basic</ion-button>
<ion-button id="noBackdropDismiss" block onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</ion-button> <ion-button expand="block" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</ion-button>
<ion-button id="alertFromActionSheet" block onclick="presentAlert()">Alert from Action Sheet</ion-button> <ion-button expand="block" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</ion-button>
<ion-button id="scrollableOptions" block onclick="presentScroll()">Scrollable Options</ion-button> <ion-button expand="block" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</ion-button>
<ion-button id="scrollWithoutCancel" block onclick="presentScrollNoCancel()">Scroll Without Cancel</ion-button> <ion-button expand="block" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</ion-button>
<ion-button id="cancelOnly" block onclick="presentCancelOnly()">Cancel Only</ion-button> <ion-button expand="block" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</ion-button>
</ion-content> </ion-content>
</ion-page> </ion-page>

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

@ -20,12 +20,12 @@
<ion-content padding> <ion-content padding>
<ion-action-sheet-controller></ion-action-sheet-controller> <ion-action-sheet-controller></ion-action-sheet-controller>
<ion-button id="basic" block onclick="presentBasic()">Basic</ion-button> <ion-button expand="block" id="basic" onclick="presentBasic()">Basic</ion-button>
<ion-button id="noBackdropDismiss" block onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</ion-button> <ion-button expand="block" id="noBackdropDismiss" onclick="presentNoBackdropDismiss()">No Backdrop Dismiss</ion-button>
<ion-button id="alertFromActionSheet" block onclick="presentAlert()">Alert from Action Sheet</ion-button> <ion-button expand="block" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</ion-button>
<ion-button id="scrollableOptions" block onclick="presentScroll()">Scrollable Options</ion-button> <ion-button expand="block" id="scrollableOptions" onclick="presentScroll()">Scrollable Options</ion-button>
<ion-button id="scrollWithoutCancel" block onclick="presentScrollNoCancel()">Scroll Without Cancel</ion-button> <ion-button expand="block" id="scrollWithoutCancel" onclick="presentScrollNoCancel()">Scroll Without Cancel</ion-button>
<ion-button id="cancelOnly" block onclick="presentCancelOnly()">Cancel Only</ion-button> <ion-button expand="block" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</ion-button>
<ion-grid> <ion-grid>
<ion-row> <ion-row>

16
packages/core/src/components/alert/test/basic/index.html
View File

@ -20,14 +20,14 @@
<ion-content padding> <ion-content padding>
<ion-alert-controller></ion-alert-controller> <ion-alert-controller></ion-alert-controller>
<ion-button block onclick="presentAlert()">Alert</ion-button> <ion-button expand="block" onclick="presentAlert()">Alert</ion-button>
<ion-button block onclick="presentAlertLongMessage()">Alert Long Message</ion-button> <ion-button expand="block" onclick="presentAlertLongMessage()">Alert Long Message</ion-button>
<ion-button block onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</ion-button> <ion-button expand="block" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</ion-button>
<ion-button block onclick="presentAlertNoMessage()">Alert No Message</ion-button> <ion-button expand="block" onclick="presentAlertNoMessage()">Alert No Message</ion-button>
<ion-button block onclick="presentAlertConfirm()">Confirm</ion-button> <ion-button expand="block" onclick="presentAlertConfirm()">Confirm</ion-button>
<ion-button block onclick="presentAlertPrompt()">Prompt</ion-button> <ion-button expand="block" onclick="presentAlertPrompt()">Prompt</ion-button>
<ion-button block onclick="presentAlertRadio()">Radio</ion-button> <ion-button expand="block" onclick="presentAlertRadio()">Radio</ion-button>
<ion-button block onclick="presentAlertCheckbox()">Checkbox</ion-button> <ion-button expand="block" onclick="presentAlertCheckbox()">Checkbox</ion-button>
</ion-content> </ion-content>
</ion-page> </ion-page>
</ion-app> </ion-app>

16
packages/core/src/components/alert/test/translucent/index.html
View File

@ -20,10 +20,10 @@
<ion-content padding> <ion-content padding>
<ion-alert-controller></ion-alert-controller> <ion-alert-controller></ion-alert-controller>
<ion-button block onclick="presentAlert()">Alert</ion-button> <ion-button expand="block" onclick="presentAlert()">Alert</ion-button>
<ion-button block color="secondary" onclick="presentAlertLongMessage()">Alert Long Message</ion-button> <ion-button expand="block" color="secondary" onclick="presentAlertLongMessage()">Alert Long Message</ion-button>
<ion-button block color="danger" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</ion-button> <ion-button expand="block" color="danger" onclick="presentAlertMultipleButtons()">Multiple Buttons (>2)</ion-button>
<ion-button block color="light" onclick="presentAlertNoMessage()">Alert No Message</ion-button> <ion-button expand="block" color="light" onclick="presentAlertNoMessage()">Alert No Message</ion-button>
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -39,10 +39,10 @@
</ion-row> </ion-row>
</ion-grid> </ion-grid>
<ion-button block color="dark" onclick="presentAlertConfirm()">Confirm</ion-button> <ion-button expand="block" color="dark" onclick="presentAlertConfirm()">Confirm</ion-button>
<ion-button block color="primary" onclick="presentAlertPrompt()">Prompt</ion-button> <ion-button expand="block" color="primary" onclick="presentAlertPrompt()">Prompt</ion-button>
<ion-button block color="secondary" onclick="presentAlertRadio()">Radio</ion-button> <ion-button expand="block" color="secondary" onclick="presentAlertRadio()">Radio</ion-button>
<ion-button block color="danger" onclick="presentAlertCheckbox()">Checkbox</ion-button> <ion-button expand="block" color="danger" onclick="presentAlertCheckbox()">Checkbox</ion-button>
</ion-content> </ion-content>
</ion-page> </ion-page>
</ion-app> </ion-app>

6
packages/core/src/components/item-sliding/test/basic/index.html
View File

@ -24,9 +24,9 @@
<ion-content> <ion-content>
<div padding> <div padding>
<ion-button block onclick="toggleSliding()">Toggle sliding</ion-button> <ion-button expand="block" onclick="toggleSliding()">Toggle sliding</ion-button>
<ion-button block onclick="toggleDynamicOptions()">Toggle Dynamic Options</ion-button> <ion-button expand="block" onclick="toggleDynamicOptions()">Toggle Dynamic Options</ion-button>
<ion-button block onclick="closeOpened()">Close Opened Items</ion-button> <ion-button expand="block" onclick="closeOpened()">Close Opened Items</ion-button>
</div> </div>
<ion-list id="list"> <ion-list id="list">

8
packages/core/src/components/loading/test/basic/index.html
View File

@ -18,10 +18,10 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<ion-button block onclick="presentLoading()" class="e2eShowLoading">Show Loading</ion-button> <ion-button expand="block" onclick="presentLoading()" class="e2eShowLoading">Show Loading</ion-button>
<ion-button block onclick="presentLoadingWithOptions({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})">Show Loading with long content</ion-button> <ion-button expand="block" onclick="presentLoadingWithOptions({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})">Show Loading with long content</ion-button>
<ion-button block onclick="presentLoadingWithOptions({duration: 2000, message: 'Loading Please Wait...', spinner: 'hide'})">Show Loading with no spinner</ion-button> <ion-button expand="block" onclick="presentLoadingWithOptions({duration: 2000, message: 'Loading Please Wait...', spinner: 'hide'})">Show Loading with no spinner</ion-button>
<ion-button block onclick="presentLoadingWithOptions({duration: 5000, message: 'Loading Please Wait...', translucent: true})">Show Loading with translucent</ion-button> <ion-button expand="block" onclick="presentLoadingWithOptions({duration: 5000, message: 'Loading Please Wait...', translucent: true})">Show Loading with translucent</ion-button>
<ion-loading-controller></ion-loading-controller> <ion-loading-controller></ion-loading-controller>
<ion-grid> <ion-grid>

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

@ -23,10 +23,10 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<ion-button class="e2eShowPopover" block onclick="presentPopover({ component: 'profile-page', ev: event })">Show Popover</ion-button> <ion-button class="e2eShowPopover" expand="block" onclick="presentPopover({ component: 'profile-page', ev: event })">Show Popover</ion-button>
<ion-button block onclick="presentPopover({ component: 'translucent-page', ev: event, translucent: true })">Show Translucent Popover</ion-button> <ion-button expand="block" onclick="presentPopover({ component: 'translucent-page', ev: event, translucent: true })">Show Translucent Popover</ion-button>
<ion-button block color="secondary" onclick="presentPopover({ component: 'list-page', ev: event })">Show Long List Popover</ion-button> <ion-button expand="block" color="secondary" onclick="presentPopover({ component: 'list-page', ev: event })">Show Long List Popover</ion-button>
<ion-button block color="danger" onclick="presentPopover({ component: 'profile-page' })">No Event Popover</ion-button> <ion-button expand="block" color="danger" onclick="presentPopover({ component: 'profile-page' })">No Event Popover</ion-button>
<ion-popover-controller></ion-popover-controller> <ion-popover-controller></ion-popover-controller>
</ion-content> </ion-content>

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

@ -93,14 +93,14 @@
</ion-searchbar> </ion-searchbar>
<p padding> <p padding>
<ion-button block (click)="changeValue()">Change Value</ion-button> <ion-button expand="block" (click)="changeValue()">Change Value</ion-button>
</p> </p>
<div padding-horizontal> <div padding-horizontal>
<ion-button block onClick="toggleProp()">Toggle Property</ion-button> <ion-button expand="block" onClick="toggleProp()">Toggle Property</ion-button>
</div> </div>
<div padding> <div padding>
<ion-button block color="secondary" onClick="toggleAttr()">Toggle Attribute</ion-button> <ion-button expand="block" color="secondary" onClick="toggleAttr()">Toggle Attribute</ion-button>
</div> </div>
<script> <script>

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

@ -80,10 +80,10 @@
</div> </div>
<div padding-horizontal> <div padding-horizontal>
<ion-button block onClick="toggleDisabled()">Toggle Disabled</ion-button> <ion-button expand="block" onClick="toggleDisabled()">Toggle Disabled</ion-button>
</div> </div>
<div padding> <div padding>
<ion-button block color="secondary" onClick="toggleValue()">Toggle Value</ion-button> <ion-button expand="block" color="secondary" onClick="toggleValue()">Toggle Value</ion-button>
</div> </div>
<script> <script>

14
packages/core/src/components/toast/test/basic/index.html
View File

@ -18,13 +18,13 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<ion-button block class="e2eShowBottomToast" onclick="presentToast('bottom')">Show Toast Bottom</ion-button> <ion-button expand="block" class="e2eShowBottomToast" onclick="presentToast('bottom')">Show Toast Bottom</ion-button>
<ion-button block onclick="presentToast('top')">Show Toast Top</ion-button> <ion-button expand="block" onclick="presentToast('top')">Show Toast Top</ion-button>
<ion-button block onclick="presentToast('middle')">Show Toast Middle</ion-button> <ion-button expand="block" onclick="presentToast('middle')">Show Toast Middle</ion-button>
<ion-button block onclick="presentToastWithOptions({message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.', duration: 2000})">Show Toast with long message</ion-button> <ion-button expand="block" onclick="presentToastWithOptions({message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.', duration: 2000})">Show Toast with long message</ion-button>
<ion-button block onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true})">Show Toast with Close Button</ion-button> <ion-button expand="block" onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true})">Show Toast with Close Button</ion-button>
<ion-button block onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true, closeButtonText: 'closing time'})">Show Toast with Custom Close Button Text</ion-button> <ion-button expand="block" onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true, closeButtonText: 'closing time'})">Show Toast with Custom Close Button Text</ion-button>
<ion-button block onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true, translucent: true})">Show Translucent Toast</ion-button> <ion-button expand="block" onclick="presentToastWithOptions({message: 'click to close', showCloseButton: true, translucent: true})">Show Translucent Toast</ion-button>
<ion-toast-controller></ion-toast-controller> <ion-toast-controller></ion-toast-controller>
<ion-grid> <ion-grid>