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

test(searchbar): update searchbar tests to take focused ss (#17318)

Browse Source 
- gets focus test working properly
- adds a no cancel button focus test

this should prevent the regression in #17252 in the future
This commit is contained in:
Brandy Carney
2019-02-01 11:01:11 -05:00
committed by GitHub
parent 710a3498a5
commit bdcf1686d8
2 changed files with 28 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
core/src/components/searchbar/test/basic/e2e.ts
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();
}
}); });

10
core/src/components/searchbar/test/basic/index.html
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>