Merge branch 'master' into update-pwa-check

This commit is contained in:
Liam DeBeasi
2019-02-01 14:10:35 -05:00
committed by GitHub
3 changed files with 29 additions and 10 deletions

View File

@ -36,7 +36,7 @@ instance.prop2 = value2;
This way, your component can access the passed params, check the "Usage" section for further code example for each frameworks. This way, your component can access the passed params, check the "Usage" section for further code example for each frameworks.
### Retuning data ### Returning data
Modals can also return data back to the controller when they are dismissed. Modals can also return data back to the controller when they are dismissed.

View File

@ -7,10 +7,29 @@ test('searchbar: basic', async () => {
await page.waitFor(250); await page.waitFor(250);
const compare = await page.compareScreenshot(); const compares = [];
expect(compare).toMatchScreenshot(); compares.push(await page.compareScreenshot());
const searchbar = await page.find('ion-searchbar'); let searchbar = await page.find('#basic');
await searchbar.callMethod('setFocus'); await searchbar.callMethod('setFocus');
expect(await page.compareScreenshot('focused')).toMatchScreenshot();
await page.waitFor(250);
searchbar = await page.find('#basic');
expect(searchbar).toHaveClass('searchbar-has-focus');
compares.push(await page.compareScreenshot('focused'));
// No Cancel Button Searchbar
searchbar = await page.find('#noCancel');
await searchbar.callMethod('setFocus');
await page.waitFor(250);
searchbar = await page.find('#noCancel');
expect(searchbar).toHaveClass('searchbar-has-focus');
compares.push(await page.compareScreenshot('no cancel button, focused'));
for (const compare of compares) {
expect(compare).toMatchScreenshot();
}
}); });

View File

@ -22,7 +22,11 @@
<ion-content id="content"> <ion-content id="content">
<h5 padding-start padding-top> Search - Default </h5> <h5 padding-start padding-top> Search - Default </h5>
<ion-searchbar value="test" type="tel" show-cancel-button debounce="500"> <ion-searchbar id="basic" value="test" type="tel" show-cancel-button debounce="500">
</ion-searchbar>
<h5 padding-start padding-top> Search - No Cancel Button </h5>
<ion-searchbar id="noCancel" value="after view" autocorrect="off" autocomplete="off" spellcheck="true" type="text" show-cancel-button="false">
</ion-searchbar> </ion-searchbar>
<h5 padding-start padding-top> Search - Danger </h5> <h5 padding-start padding-top> Search - Danger </h5>
@ -42,10 +46,6 @@
type="number" placeholder="Filter Schedules"> type="number" placeholder="Filter Schedules">
</ion-searchbar> </ion-searchbar>
<h5 padding-start 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>
<h5 padding-start padding-top> Search - Custom Cancel Button Danger </h5> <h5 padding-start 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> </ion-searchbar>