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

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

@@ -9,7 +9,7 @@ test.describe('toggle: basic', () => {
   test('should not have visual regressions', async ({ page }) => {
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`toggle-diff-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`toggle-diff-${page.getSnapshotSettings()}.png`);
   });
 
   test('should have proper class and aria role when checked', async ({ page }) => {

core/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts

@@ -9,7 +9,7 @@ test.describe('toggle: enableOnOffLabels', () => {
   test('should not have visual regressions', async ({ page }) => {
     await page.setIonViewport();
 
-    expect(await page.screenshot()).toMatchSnapshot(`toggle-on-off-labels-diff-${page.getSnapshotSettings()}.png`);
+    await expect(page).toHaveScreenshot(`toggle-on-off-labels-diff-${page.getSnapshotSettings()}.png`);
   });
 
   test.describe('dark mode', () => {
@@ -32,9 +32,7 @@ test.describe('toggle: enableOnOffLabels', () => {
 
       await page.setIonViewport();
 
-      expect(await page.screenshot()).toMatchSnapshot(
-        `toggle-on-off-labels-dark-mode-diff-${page.getSnapshotSettings()}.png`
-      );
+      await expect(page).toHaveScreenshot(`toggle-on-off-labels-dark-mode-diff-${page.getSnapshotSettings()}.png`);
     });
   });
 });

core/src/components/toggle/test/sizes/toggle.e2e.ts

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