diff --git a/core/scripts/testing/styles.css b/core/scripts/testing/styles.css index aa26df0282..5044cf8f9d 100644 --- a/core/scripts/testing/styles.css +++ b/core/scripts/testing/styles.css @@ -8,4 +8,5 @@ :root { --ion-font-family: "TestingFont", "Helvetica Neue", sans-serif; + font-family: "TestingFont", "Helvetica Neue", sans-serif; } diff --git a/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts b/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts index d4d1f25950..519bac53f1 100644 --- a/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts +++ b/core/src/components/action-sheet/test/alert-from-action-sheet/e2e.ts @@ -19,7 +19,7 @@ it('action-sheet: alertFromActionSheet', async () => { const alert = await page.find('ion-alert'); await alert.waitForVisible(); - await page.waitFor(100); + await page.waitFor(250); compare = await page.compareScreenshot(`alert open`); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/alert/test/basic/e2e.ts b/core/src/components/alert/test/basic/e2e.ts index b008080961..b3802a616d 100644 --- a/core/src/components/alert/test/basic/e2e.ts +++ b/core/src/components/alert/test/basic/e2e.ts @@ -18,9 +18,11 @@ it('alert: basic', async () => { for (const [buttonSelector, message] of alerts) { await page.click(buttonSelector); + const alert = await page.find('ion-alert'); expect(alert).not.toBe(null); await alert.waitForVisible(); + await page.waitFor(250); const compare = await page.compareScreenshot(message); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/alert/test/standalone/e2e.ts b/core/src/components/alert/test/standalone/e2e.ts index af43da4ea9..89fc6484b4 100644 --- a/core/src/components/alert/test/standalone/e2e.ts +++ b/core/src/components/alert/test/standalone/e2e.ts @@ -18,10 +18,11 @@ it('alert: standalone', async () => { for (const [buttonSelector, message] of alerts) { await page.click(buttonSelector); + const alert = await page.find('ion-alert'); expect(alert).not.toBe(null); await alert.waitForVisible(); - await page.waitFor(100); + await page.waitFor(250); const compare = await page.compareScreenshot(message); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/card-header/test/basic/e2e.ts b/core/src/components/card-header/test/basic/e2e.ts index 81ad0d00cd..712c382164 100644 --- a/core/src/components/card-header/test/basic/e2e.ts +++ b/core/src/components/card-header/test/basic/e2e.ts @@ -5,7 +5,7 @@ it('card-header: basic', async () => { url: '/src/components/card-header/test/basic?ionic:_testing=true' }); - await page.waitFor(100); + await page.waitFor(250); const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/datetime/test/basic/e2e.ts b/core/src/components/datetime/test/basic/e2e.ts index 6dce7cba73..336e2b78d9 100644 --- a/core/src/components/datetime/test/basic/e2e.ts +++ b/core/src/components/datetime/test/basic/e2e.ts @@ -13,7 +13,7 @@ it('datetime: basic', async () => { const picker = await page.find('ion-picker'); await picker.waitForVisible(); - await page.waitFor(100); + await page.waitFor(250); compare = await page.compareScreenshot('should open custom picker'); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/img/test/basic/e2e.ts b/core/src/components/img/test/basic/e2e.ts index 226b300efe..17f2ba95c9 100644 --- a/core/src/components/img/test/basic/e2e.ts +++ b/core/src/components/img/test/basic/e2e.ts @@ -5,7 +5,7 @@ it('img: basic', async () => { url: '/src/components/img/test/basic?ionic:_testing=true' }); - await page.waitFor(100); + await page.waitFor(250); const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/img/test/standalone/e2e.ts b/core/src/components/img/test/standalone/e2e.ts index fe070fa249..99b9b62969 100644 --- a/core/src/components/img/test/standalone/e2e.ts +++ b/core/src/components/img/test/standalone/e2e.ts @@ -5,7 +5,7 @@ it('img: standalone', async () => { url: '/src/components/img/test/standalone?ionic:_testing=true' }); - await page.waitFor(100); + await page.waitFor(250); const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/popover/test/standalone/e2e.ts b/core/src/components/popover/test/standalone/e2e.ts index 5000a9bc46..e41c7b10e7 100644 --- a/core/src/components/popover/test/standalone/e2e.ts +++ b/core/src/components/popover/test/standalone/e2e.ts @@ -6,11 +6,9 @@ it('popover: standalone', async () => { }); await page.click('#basic'); - const popover = await page.find('ion-popover'); - expect(popover).not.toBeNull(); - - await popover.waitForVisible(); - await page.waitFor(500); + const alert = await page.find('ion-popover'); + await alert.waitForVisible(); + await page.waitFor(250); const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/radio-group/test/standalone/e2e.ts b/core/src/components/radio-group/test/standalone/e2e.ts index bd0da6f94d..61c5467127 100644 --- a/core/src/components/radio-group/test/standalone/e2e.ts +++ b/core/src/components/radio-group/test/standalone/e2e.ts @@ -5,6 +5,8 @@ it('radio-group: standalone', async () => { url: '/src/components/radio-group/test/standalone?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); }); diff --git a/core/src/components/segment/test/basic/e2e.ts b/core/src/components/segment/test/basic/e2e.ts index 989a43b74c..a9a3bcbc66 100644 --- a/core/src/components/segment/test/basic/e2e.ts +++ b/core/src/components/segment/test/basic/e2e.ts @@ -5,6 +5,8 @@ it('segment: basic', async () => { url: '/src/components/segment/test/basic?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); }); diff --git a/core/src/components/segment/test/modes/e2e.ts b/core/src/components/segment/test/modes/e2e.ts index 53ae29d38e..29edd64575 100644 --- a/core/src/components/segment/test/modes/e2e.ts +++ b/core/src/components/segment/test/modes/e2e.ts @@ -5,6 +5,8 @@ it('segment: modes', async () => { url: '/src/components/segment/test/modes?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); }); diff --git a/core/src/components/segment/test/standalone/e2e.ts b/core/src/components/segment/test/standalone/e2e.ts index 89241c537d..ab7e777946 100644 --- a/core/src/components/segment/test/standalone/e2e.ts +++ b/core/src/components/segment/test/standalone/e2e.ts @@ -5,6 +5,8 @@ it('segment: standalone', async () => { url: '/src/components/segment/test/standalone?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); }); diff --git a/core/src/components/select/test/basic/e2e.ts b/core/src/components/select/test/basic/e2e.ts index 5073bdcd36..f14eec0167 100644 --- a/core/src/components/select/test/basic/e2e.ts +++ b/core/src/components/select/test/basic/e2e.ts @@ -13,7 +13,7 @@ it('select: basic', async () => { const alert = await page.find('ion-alert'); await alert.waitForVisible(); - await page.waitFor(100); + await page.waitFor(250); compare = await page.compareScreenshot('should open gender single select'); expect(compare).toMatchScreenshot(); @@ -22,10 +22,10 @@ it('select: basic', async () => { select = await page.find('#customSelect'); await select.click(); - await page.waitFor(100); const actionSheet = await page.find('ion-action-sheet'); await actionSheet.waitForVisible(); + await page.waitFor(250); compare = await page.compareScreenshot('should open custom action sheet select'); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/select/test/multiple-value/e2e.ts b/core/src/components/select/test/multiple-value/e2e.ts index f6a71f8c48..b022f402fb 100644 --- a/core/src/components/select/test/multiple-value/e2e.ts +++ b/core/src/components/select/test/multiple-value/e2e.ts @@ -13,6 +13,7 @@ it('select: multiple-value', async () => { const alert = await page.find('ion-alert'); await alert.waitForVisible(); + await page.waitFor(250); compare = await page.compareScreenshot('should open toppings multiple select'); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/select/test/single-value/e2e.ts b/core/src/components/select/test/single-value/e2e.ts index 508ddab01d..e3abc2dcdb 100644 --- a/core/src/components/select/test/single-value/e2e.ts +++ b/core/src/components/select/test/single-value/e2e.ts @@ -13,7 +13,7 @@ it('select: single-value', async () => { const alert = await page.find('ion-alert'); await alert.waitForVisible(); - await page.waitFor(100); + await page.waitFor(250); compare = await page.compareScreenshot('should open gender single select'); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/toast/test/basic/e2e.ts b/core/src/components/toast/test/basic/e2e.ts index 07b6eea1bd..deeebf7f2b 100644 --- a/core/src/components/toast/test/basic/e2e.ts +++ b/core/src/components/toast/test/basic/e2e.ts @@ -10,12 +10,14 @@ it('toast: basic', async () => { let toast = await page.find('ion-toast'); await toast.waitForVisible(); + await page.waitFor(250); let compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); await toast.callMethod('dismiss'); await toast.waitForNotVisible(); + await page.waitFor(250); compare = await page.compareScreenshot('dismissed'); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/toast/test/standalone/e2e.ts b/core/src/components/toast/test/standalone/e2e.ts index b31ec94e74..aa15591682 100644 --- a/core/src/components/toast/test/standalone/e2e.ts +++ b/core/src/components/toast/test/standalone/e2e.ts @@ -10,6 +10,7 @@ it('toast: standalone', async () => { const toast = await page.find('ion-toast'); await toast.waitForVisible(); + await page.waitFor(250); const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); diff --git a/core/src/components/toggle/test/basic/e2e.ts b/core/src/components/toggle/test/basic/e2e.ts index 1ac8adf288..ee08cd031e 100644 --- a/core/src/components/toggle/test/basic/e2e.ts +++ b/core/src/components/toggle/test/basic/e2e.ts @@ -5,6 +5,8 @@ it('toggle: basic', async () => { url: '/src/components/toggle/test/basic?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); }); diff --git a/core/src/themes/test/css-variables/e2e.ts b/core/src/themes/test/css-variables/e2e.ts index 51bba00dae..02fb2042c1 100644 --- a/core/src/themes/test/css-variables/e2e.ts +++ b/core/src/themes/test/css-variables/e2e.ts @@ -5,6 +5,8 @@ it('themes: css-variables', async () => { url: '/src/themes/test/css-variables?ionic:_testing=true' }); + await page.waitFor(250); + const compare = await page.compareScreenshot(); expect(compare).toMatchScreenshot(); });