diff --git a/core/src/components/badge/test/basic/badge.e2e.ts b/core/src/components/badge/test/basic/badge.e2e.ts index 869a55fe501..ac3da8a28ad 100644 --- a/core/src/components/badge/test/basic/badge.e2e.ts +++ b/core/src/components/badge/test/basic/badge.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ config, screenshot, title }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`badge-basic`)); }); }); }); diff --git a/core/src/components/button/test/basic/button.e2e.ts b/core/src/components/button/test/basic/button.e2e.ts index 51635161b09..6e679995185 100644 --- a/core/src/components/button/test/basic/button.e2e.ts +++ b/core/src/components/button/test/basic/button.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ config, screenshot, title }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`button-diff`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`button-diff`)); }); }); }); diff --git a/core/src/components/button/test/clear/button.e2e.ts b/core/src/components/button/test/clear/button.e2e.ts index 92190aec088..216af94e2c9 100644 --- a/core/src/components/button/test/clear/button.e2e.ts +++ b/core/src/components/button/test/clear/button.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, config, screenshot }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`button-clear`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`button-clear`)); }); }); }); diff --git a/core/src/components/button/test/expand/button.e2e.ts b/core/src/components/button/test/expand/button.e2e.ts index 87e24efa952..4627f4b75f4 100644 --- a/core/src/components/button/test/expand/button.e2e.ts +++ b/core/src/components/button/test/expand/button.e2e.ts @@ -11,7 +11,9 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`button-expand`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`button-expand`)); }); }); }); diff --git a/core/src/components/button/test/icon/button.e2e.ts b/core/src/components/button/test/icon/button.e2e.ts index 6141e14d30f..931063967f2 100644 --- a/core/src/components/button/test/icon/button.e2e.ts +++ b/core/src/components/button/test/icon/button.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`button-icon`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`button-icon`)); }); }); }); diff --git a/core/src/components/button/test/outline/button.e2e.ts b/core/src/components/button/test/outline/button.e2e.ts index f296fc0ca44..9540a5c7777 100644 --- a/core/src/components/button/test/outline/button.e2e.ts +++ b/core/src/components/button/test/outline/button.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`button-outline`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`button-outline`)); }); }); }); diff --git a/core/src/components/list-header/test/basic/list-header.e2e.ts b/core/src/components/list-header/test/basic/list-header.e2e.ts index 29fdf9e44de..65c2ae8c3e2 100644 --- a/core/src/components/list-header/test/basic/list-header.e2e.ts +++ b/core/src/components/list-header/test/basic/list-header.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`list-header`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`list-header`)); }); }); }); diff --git a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts index ff67f7621cb..56dde966d5e 100644 --- a/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts +++ b/core/src/components/progress-bar/test/basic/progress-bar.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`progress-bar-basic`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`progress-bar-basic`)); }); }); }); diff --git a/core/src/components/toggle/test/sizes/toggle.e2e.ts b/core/src/components/toggle/test/sizes/toggle.e2e.ts index 22b18d4e8d4..af925466c81 100644 --- a/core/src/components/toggle/test/sizes/toggle.e2e.ts +++ b/core/src/components/toggle/test/sizes/toggle.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { await page.setIonViewport(); - await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); + const content = page.locator('ion-content'); + + await expect(content).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); }); }); });