chore(): sync with main

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

@@ -7,7 +7,7 @@ test.describe('button: basic', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-diff-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-diff-${page.getSnapshotSettings()}.png`);
   });
   test('should correctly set fill to undefined', async ({ page, skip }) => {
     test.info().annotations.push({
@@ -49,8 +49,8 @@ test.describe('button: ripple effect', () => {
 
     await page.waitForSelector('#default.ion-activated');
 
-    expect(await button.screenshot({ animations: 'disabled' })).toMatchSnapshot(
-      `button-ripple-effect-${page.getSnapshotSettings()}.png`
-    );
+    await expect(button).toHaveScreenshot(`button-ripple-effect-${page.getSnapshotSettings()}.png`, {
+      animations: 'disabled',
+    });
   });
 });

core/src/components/button/test/clear/button.e2e.ts

@@ -7,6 +7,6 @@ test.describe('button: clear', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-clear-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-clear-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/button/test/expand/button.e2e.ts

@@ -8,6 +8,6 @@ test.describe('button: expand', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-expand-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-expand-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/button/test/icon/button.e2e.ts

@@ -7,6 +7,6 @@ test.describe('button: icon', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-icon-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-icon-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/button/test/outline/button.e2e.ts

@@ -7,6 +7,6 @@ test.describe('button: outline', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-outline-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-outline-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/button/test/round/button.e2e.ts

@@ -8,6 +8,6 @@ test.describe('button: round', () => {
 
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`button-round-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`button-round-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/button/test/size/button.e2e.ts

@@ -12,7 +12,7 @@ test.describe('button: size', () => {
 
     const wrapper = page.locator('ion-button');
 
-    expect(await wrapper.screenshot()).toMatchSnapshot(`button-size-small-${page.getSnapshotSettings()}.png`);
+    await expect(wrapper).toHaveScreenshot(`button-size-small-${page.getSnapshotSettings()}.png`);
   });
   test('should render large buttons', async ({ page }) => {
     await page.setContent(`
@@ -21,7 +21,7 @@ test.describe('button: size', () => {
 
     const wrapper = page.locator('ion-button');
 
-    expect(await wrapper.screenshot()).toMatchSnapshot(`button-size-large-${page.getSnapshotSettings()}.png`);
+    await expect(wrapper).toHaveScreenshot(`button-size-large-${page.getSnapshotSettings()}.png`);
   });
   test.describe('in ion-buttons', () => {
     test('should render small button', async ({ page }) => {
@@ -33,9 +33,7 @@ test.describe('button: size', () => {
 
       const wrapper = page.locator('ion-button');
 
-      expect(await wrapper.screenshot()).toMatchSnapshot(
-        `button-size-small-in-buttons-${page.getSnapshotSettings()}.png`
-      );
+      await expect(wrapper).toHaveScreenshot(`button-size-small-in-buttons-${page.getSnapshotSettings()}.png`);
     });
     test('should render large button', async ({ page }) => {
       await page.setContent(`
@@ -46,9 +44,7 @@ test.describe('button: size', () => {
 
       const wrapper = page.locator('ion-button');
 
-      expect(await wrapper.screenshot()).toMatchSnapshot(
-        `button-size-large-in-buttons-${page.getSnapshotSettings()}.png`
-      );
+      await expect(wrapper).toHaveScreenshot(`button-size-large-in-buttons-${page.getSnapshotSettings()}.png`);
     });
   });
 });

core/src/components/button/test/strong/button.e2e.ts

@@ -17,7 +17,7 @@ test.describe('button: strong', () => {
 
     const wrapper = page.locator('ion-button');
 
-    expect(await wrapper.screenshot()).toMatchSnapshot(`button-strong-${page.getSnapshotSettings()}.png`);
+    await expect(wrapper).toHaveScreenshot(`button-strong-${page.getSnapshotSettings()}.png`);
   });
   test('should render strong clear button', async ({ page }) => {
     await page.setContent(`
@@ -26,7 +26,7 @@ test.describe('button: strong', () => {
 
     const wrapper = page.locator('ion-button');
 
-    expect(await wrapper.screenshot()).toMatchSnapshot(`button-clear-strong-${page.getSnapshotSettings()}.png`);
+    await expect(wrapper).toHaveScreenshot(`button-clear-strong-${page.getSnapshotSettings()}.png`);
   });
   test.describe('in ion-buttons', () => {
     test('should render strong button', async ({ page }) => {
@@ -38,7 +38,7 @@ test.describe('button: strong', () => {
 
       const wrapper = page.locator('ion-button');
 
-      expect(await wrapper.screenshot()).toMatchSnapshot(`button-strong-in-buttons-${page.getSnapshotSettings()}.png`);
+      await expect(wrapper).toHaveScreenshot(`button-strong-in-buttons-${page.getSnapshotSettings()}.png`);
     });
     test('should render strong clear button', async ({ page }) => {
       await page.setContent(`
@@ -49,9 +49,7 @@ test.describe('button: strong', () => {
 
       const wrapper = page.locator('ion-button');
 
-      expect(await wrapper.screenshot()).toMatchSnapshot(
-        `button-clear-strong-in-buttons-${page.getSnapshotSettings()}.png`
-      );
+      await expect(wrapper).toHaveScreenshot(`button-clear-strong-in-buttons-${page.getSnapshotSettings()}.png`);
     });
   });
 });