test(e2e): update body font family (#16065)

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;
 }

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();

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();

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();

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();

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();

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();

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();

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');
+  const alert = await page.find('ion-popover');
-  expect(popover).not.toBeNull();
+  await alert.waitForVisible();
-
+  await page.waitFor(250);
-  await popover.waitForVisible();
-  await page.waitFor(500);
 
   const compare = await page.compareScreenshot();
   expect(compare).toMatchScreenshot();

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();
 });

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();
 });

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();
 });

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();
 });

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();

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();

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();

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();

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();

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();
 });

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();
 });