test(many): migrate to new toHaveScreenshot API (#26797)

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

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

core/src/components/breadcrumbs/test/collapsed/breadcrumbs.e2e.ts

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

core/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts

@@ -37,9 +37,7 @@ test.describe('breadcrumbs: reactive', () => {
       await page.click('#add-btn');
       await page.waitForChanges();
 
-      expect(await breadcrumbs.screenshot()).toMatchSnapshot(
-        `breadcrumbs-reactive-add-diff-${page.getSnapshotSettings()}.png`
-      );
+      await expect(breadcrumbs).toHaveScreenshot(`breadcrumbs-reactive-add-diff-${page.getSnapshotSettings()}.png`);
     });
   });
 
@@ -67,9 +65,7 @@ test.describe('breadcrumbs: reactive', () => {
       await page.click('#remove-btn');
       await page.waitForChanges();
 
-      expect(await breadcrumbs.screenshot()).toMatchSnapshot(
-        `breadcrumbs-reactive-remove-diff-${page.getSnapshotSettings()}.png`
-      );
+      await expect(breadcrumbs).toHaveScreenshot(`breadcrumbs-reactive-remove-diff-${page.getSnapshotSettings()}.png`);
     });
   });
 });