test(config): reduce playwright pixel threshold to 0.005 (#26375)

core/playwright.config.ts

@@ -87,7 +87,7 @@ const config: PlaywrightTestConfig = {
        * Increases the maximum allowed pixel difference to account
        * for slight browser rendering inconsistencies.
        */
-      maxDiffPixelRatio: 0.01
+      maxDiffPixelRatio: 0.005
     }
   },
   /* Fail the build on CI if you accidentally left test.only in the source code. */

core/src/components/input/test/basic/input.e2e.ts

@@ -74,7 +74,7 @@ test.describe('input: basic', () => {
       // Verifies that the parent item receives .item-has-focus when the input is focused.
       await expect(item).toHaveClass(/item-has-focus/);
       // Validates the display of an input with an ion-item using lines="full" when focused.
-      expect(await item.screenshot()).toMatchSnapshot(
+      expect(await item.screenshot({ animations: 'disabled' })).toMatchSnapshot(
         `input-with-lines-full-focused-${page.getSnapshotSettings()}.png`
       );
     });
@@ -102,7 +102,7 @@ test.describe('input: basic', () => {
       await expect(item).toHaveClass(/item-has-focus/);
 
       // Validates the display of an input with an ion-item using lines="inset" when focused.
-      expect(await item.screenshot()).toMatchSnapshot(
+      expect(await item.screenshot({ animations: 'disabled' })).toMatchSnapshot(
         `input-with-lines-inset-focused-${page.getSnapshotSettings()}.png`
       );
     });
@@ -130,7 +130,7 @@ test.describe('input: basic', () => {
       await expect(item).toHaveClass(/item-has-focus/);
 
       // Validates the display of an input with an ion-item using lines="none" when focused.
-      expect(await item.screenshot()).toMatchSnapshot(
+      expect(await item.screenshot({ animations: 'disabled' })).toMatchSnapshot(
         `input-with-lines-none-focused-${page.getSnapshotSettings()}.png`
       );
     });

core/src/components/item/test/reorder/item.e2e.ts

@@ -9,6 +9,8 @@ test.describe('item: reorder', () => {
 
     await page.click('text=Edit');
 
+    await page.waitForChanges();
+
     expect(await page.screenshot()).toMatchSnapshot(`item-reorder-diff-${page.getSnapshotSettings()}.png`);
   });
 });