chore(): sync with main

core/src/components/datetime-button/test/disabled/datetime-button.e2e.ts

@@ -23,8 +23,6 @@ test.describe('datetime-button: disabled buttons', () => {
     await page.waitForSelector('.datetime-ready');
 
     const datetimeButton = page.locator('ion-datetime-button');
-    expect(await datetimeButton.screenshot()).toMatchSnapshot(
-      `datetime-button-disabled-${page.getSnapshotSettings()}.png`
-    );
+    await expect(datetimeButton).toHaveScreenshot(`datetime-button-disabled-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/datetime-button/test/overlays/datetime-button.e2e.ts

@@ -17,9 +17,9 @@ test.describe('datetime-button: rendering', () => {
     await dateButton.click();
     await ionModalDidPresent.next();
 
-    expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-      `datetime-overlay-modal-${page.getSnapshotSettings()}.png`
-    );
+    await expect(page).toHaveScreenshot(`datetime-overlay-modal-${page.getSnapshotSettings()}.png`, {
+      animations: 'disabled',
+    });
   });
 
   test('should size the popover correctly', async ({ page, skip }) => {
@@ -36,9 +36,9 @@ test.describe('datetime-button: rendering', () => {
     await dateButton.click();
     await ionPopoverDidPresent.next();
 
-    expect(await page.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-      `datetime-overlay-popover-${page.getSnapshotSettings()}.png`
-    );
+    await expect(page).toHaveScreenshot(`datetime-overlay-popover-${page.getSnapshotSettings()}.png`, {
+      animations: 'disabled',
+    });
   });
 });