chore(): sync with main

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

@@ -9,7 +9,7 @@ test.describe('label: rendering', () => {
 
     const labelEl = page.locator('ion-label');
 
-    expect(await labelEl.screenshot()).toMatchSnapshot(`label-basic-${page.getSnapshotSettings()}.png`);
+    await expect(labelEl).toHaveScreenshot(`label-basic-${page.getSnapshotSettings()}.png`);
   });
   test('should not have visual regressions with fixed label', async ({ page }) => {
     await page.setContent(`
@@ -20,7 +20,7 @@ test.describe('label: rendering', () => {
 
     const itemEl = page.locator('ion-item');
 
-    expect(await itemEl.screenshot()).toMatchSnapshot(`label-fixed-${page.getSnapshotSettings()}.png`);
+    await expect(itemEl).toHaveScreenshot(`label-fixed-${page.getSnapshotSettings()}.png`);
   });
   test('should not have visual regressions with stacked label', async ({ page }) => {
     await page.setContent(`
@@ -32,7 +32,7 @@ test.describe('label: rendering', () => {
 
     const itemEl = page.locator('ion-item');
 
-    expect(await itemEl.screenshot()).toMatchSnapshot(`label-stacked-${page.getSnapshotSettings()}.png`);
+    await expect(itemEl).toHaveScreenshot(`label-stacked-${page.getSnapshotSettings()}.png`);
   });
   test('should not have visual regressions with floating label', async ({ page }) => {
     await page.setContent(`
@@ -44,6 +44,6 @@ test.describe('label: rendering', () => {
 
     const itemEl = page.locator('ion-item');
 
-    expect(await itemEl.screenshot()).toMatchSnapshot(`label-floating-${page.getSnapshotSettings()}.png`);
+    await expect(itemEl).toHaveScreenshot(`label-floating-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/label/test/color/label.e2e.ts

@@ -10,7 +10,7 @@ test.describe('label: rendering', () => {
 
     const item = page.locator('ion-item');
 
-    expect(await item.screenshot()).toMatchSnapshot(`item-color-inherit-${page.getSnapshotSettings()}.png`);
+    await expect(item).toHaveScreenshot(`item-color-inherit-${page.getSnapshotSettings()}.png`);
   });
   test('should set color directly', async ({ page }) => {
     await page.setContent(`
@@ -19,7 +19,7 @@ test.describe('label: rendering', () => {
 
     const labelEl = page.locator('ion-label');
 
-    expect(await labelEl.screenshot()).toMatchSnapshot(`label-color-${page.getSnapshotSettings()}.png`);
+    await expect(labelEl).toHaveScreenshot(`label-color-${page.getSnapshotSettings()}.png`);
   });
   test('should use contrast color when color is set on item', async ({ page }) => {
     await page.setContent(`
@@ -30,7 +30,7 @@ test.describe('label: rendering', () => {
 
     const labelEl = page.locator('ion-label');
 
-    expect(await labelEl.screenshot()).toMatchSnapshot(`label-color-contrast-${page.getSnapshotSettings()}.png`);
+    await expect(labelEl).toHaveScreenshot(`label-color-contrast-${page.getSnapshotSettings()}.png`);
   });
   test('should override color even if color set on item', async ({ page }) => {
     await page.setContent(`
@@ -41,6 +41,6 @@ test.describe('label: rendering', () => {
 
     const labelEl = page.locator('ion-label');
 
-    expect(await labelEl.screenshot()).toMatchSnapshot(`label-color-override-${page.getSnapshotSettings()}.png`);
+    await expect(labelEl).toHaveScreenshot(`label-color-override-${page.getSnapshotSettings()}.png`);
   });
 });

core/src/components/label/test/headings/label.e2e.ts

@@ -8,6 +8,6 @@ test.describe('label: rendering', () => {
   test('should inherit text overflow for headings', async ({ page }) => {
     await page.goto(`/src/components/label/test/headings`);
 
-    expect(await page.screenshot()).toMatchSnapshot(`item-headings-inherit-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`item-headings-inherit-${page.getSnapshotSettings()}.png`);
   });
 });