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

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

@@ -7,5 +7,5 @@ test('should not have visual regressions', async ({ page, skip }) => {
 
   await page.setIonViewport();
 
-  expect(await page.screenshot()).toMatchSnapshot(`grid-basic-${page.getSnapshotSettings()}.png`);
+  await expect(page).toHaveScreenshot(`grid-basic-${page.getSnapshotSettings()}.png`);
 });

core/src/components/grid/test/offsets/grid.e2e.ts

@@ -7,5 +7,5 @@ test('should not have visual regressions', async ({ page, skip }) => {
 
   await page.setIonViewport();
 
-  expect(await page.screenshot()).toMatchSnapshot(`grid-offsets-${page.getSnapshotSettings()}.png`);
+  await expect(page).toHaveScreenshot(`grid-offsets-${page.getSnapshotSettings()}.png`);
 });

core/src/components/grid/test/padding/grid.e2e.ts

@@ -7,5 +7,5 @@ test('should not have visual regressions', async ({ page, skip }) => {
 
   await page.setIonViewport();
 
-  expect(await page.screenshot()).toMatchSnapshot(`grid-padding-${page.getSnapshotSettings()}.png`);
+  await expect(page).toHaveScreenshot(`grid-padding-${page.getSnapshotSettings()}.png`);
 });

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

@@ -7,5 +7,5 @@ test('should not have visual regressions', async ({ page, skip }) => {
 
   await page.setIonViewport();
 
-  expect(await page.screenshot()).toMatchSnapshot(`grid-sizes-${page.getSnapshotSettings()}.png`);
+  await expect(page).toHaveScreenshot(`grid-sizes-${page.getSnapshotSettings()}.png`);
 });