diff --git a/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png index 36a0bc2ee..c6f4e5a3c 100644 Binary files a/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-closed-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png index baed5bebe..e8084a5b9 100644 Binary files a/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/accordion.spec.ts-snapshots/accordion-expanded-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png index 80463130c..cb2a13c17 100644 Binary files a/apps/core/tests/visual-regression/packages/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/badge.spec.ts-snapshots/badge-with-icon-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts b/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts index 97085a6e2..f5dad530f 100644 --- a/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts +++ b/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts @@ -3,10 +3,13 @@ import { expect, test } from '@playwright/test'; import routes from '~/tests/routes'; test('blog post card', async ({ page }) => { + // Arrange await page.goto(routes.BLOG); - await expect(page.getByRole('heading', { name: 'Blog', exact: true })).toBeVisible(); + await page.getByRole('heading', { name: 'Blog', exact: true }).waitFor(); - await expect( - page.getByRole('heading', { name: 'Blog', exact: true }).locator('..'), - ).toHaveScreenshot(); + // Act + const blogPostCard = page.getByRole('listitem').filter({ hasText: 'Your first blog post!' }); + + // Assert + await expect(blogPostCard).toHaveScreenshot(); }); diff --git a/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png index f216a32cd..f7d7cc56a 100644 Binary files a/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/blog-post-card.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png deleted file mode 100644 index ee0f77f74..000000000 Binary files a/apps/core/tests/visual-regression/packages/components/breadcrumbs.spec.ts-snapshots/blog-post-card-1-tests-chromium-darwin.png and /dev/null differ diff --git a/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png index 7d5fd1a42..e41980a59 100644 Binary files a/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Primary-button-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png index e65568ac5..592b9497c 100644 Binary files a/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/button.spec.ts-snapshots/Secondary-button-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png index 58183b98b..338d54f49 100644 Binary files a/apps/core/tests/visual-regression/packages/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/carousel.spec.ts-snapshots/Carousel-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png index d4d4b59ae..9e1cdefcd 100644 Binary files a/apps/core/tests/visual-regression/packages/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/checkbox.spec.ts-snapshots/Checked-checkbox-with-label-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png index b8634d891..4702f9a96 100644 Binary files a/apps/core/tests/visual-regression/packages/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/counter.spec.ts-snapshots/Counter-default-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png index 3e075e4b5..898b2dcc3 100644 Binary files a/apps/core/tests/visual-regression/packages/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/datepicker.spec.ts-snapshots/Date-picker-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png index fcd309c56..0379bdcdb 100644 Binary files a/apps/core/tests/visual-regression/packages/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/footer.spec.ts-snapshots/Footer-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png index 8322c0a24..6f5d89dc3 100644 Binary files a/apps/core/tests/visual-regression/packages/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/form.spec.ts-snapshots/Form-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png index 1e1866c75..f2489ff00 100644 Binary files a/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-image-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png index aba2ee28a..62634adfb 100644 Binary files a/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/gallery.spec.ts-snapshots/Gallery-thumbnail-image-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png index ce73138bd..8a2879ce9 100644 Binary files a/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-error-state-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png index 6e6da17e7..55588a343 100644 Binary files a/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/input.spec.ts-snapshots/Input-with-placeholder-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png index e1067dec8..bd5cfec92 100644 Binary files a/apps/core/tests/visual-regression/packages/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/navigation-menu.spec.ts-snapshots/Navigation-menu-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png index ddd00113a..f937a6a78 100644 Binary files a/apps/core/tests/visual-regression/packages/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/picklist.spec.ts-snapshots/Pick-list-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png index b7a948e74..434229c26 100644 Binary files a/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png index 545483407..8e6c251ef 100644 Binary files a/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/radio-group.spec.ts-snapshots/Default-radio-group-selected-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png index 0b70680cb..69bbbd35e 100644 Binary files a/apps/core/tests/visual-regression/packages/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/rectangle-list.spec.ts-snapshots/Rectangle-list-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png index 5841c163d..2898c7e90 100644 Binary files a/apps/core/tests/visual-regression/packages/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/select.spec.ts-snapshots/Select-default-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/sheet.spec.ts b/apps/core/tests/visual-regression/packages/components/sheet.spec.ts index 1aca7598c..d25a1f16d 100644 --- a/apps/core/tests/visual-regression/packages/components/sheet.spec.ts +++ b/apps/core/tests/visual-regression/packages/components/sheet.spec.ts @@ -4,7 +4,8 @@ import routes from '~/tests/routes'; test('Sheet basic', async ({ page }) => { await page.goto(routes.QUICK_ADD_93); - await expect(page.getByLabel('Choose options')).toBeVisible(); + await page.getByLabel('Choose options').waitFor(); + await page.waitForLoadState('networkidle'); await expect(page.getByLabel('Choose options')).toHaveScreenshot(); }); diff --git a/apps/core/tests/visual-regression/packages/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png index deed98426..3240fe72f 100644 Binary files a/apps/core/tests/visual-regression/packages/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/sheet.spec.ts-snapshots/Sheet-basic-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png index 5d488e54b..caa01e4bd 100644 Binary files a/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-multiple-slides-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png index d4c459282..a667cefd1 100644 Binary files a/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/slideshow.spec.ts-snapshots/Slideshow-paused-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/tabs.spec.ts b/apps/core/tests/visual-regression/packages/components/tabs.spec.ts index 0c1e6ea91..fed3b2369 100644 --- a/apps/core/tests/visual-regression/packages/components/tabs.spec.ts +++ b/apps/core/tests/visual-regression/packages/components/tabs.spec.ts @@ -3,19 +3,21 @@ import { expect, test } from '@playwright/test'; const testAccountEmail = process.env.TEST_ACCOUNT_EMAIL || ''; const testAccountPassword = process.env.TEST_ACCOUNT_PASSWORD || ''; -test('Tabs', async ({ page }) => { +test('tabs', async ({ page }) => { + // Arrange await page.goto('/'); - - await page.getByLabel('Login').click(); - await expect(page.getByLabel('Email')).toBeVisible(); - + await page.getByRole('link', { name: 'Login' }).click(); + await page.getByRole('heading', { name: 'Log In', level: 2 }).waitFor(); await page.getByLabel('Email').fill(testAccountEmail); await page.getByLabel('Password').fill(testAccountPassword); await page.getByRole('button', { name: 'Log in' }).click(); - await expect(page.getByRole('heading', { name: 'My Account' })).toBeVisible(); + await page.getByRole('heading', { name: 'My Account', level: 1 }).waitFor(); + await page.getByRole('link', { name: 'Orders' }).click(); + await page.getByRole('heading', { name: 'Orders', level: 2 }).waitFor(); - await page.getByRole('link', { name: 'Account settings' }).click(); - await expect(page.getByLabel('Account Tabs')).toBeVisible(); + // Act + const accountTabs = page.getByRole('tablist', { name: 'Account Tabs' }); - await expect(page.getByLabel('Account Tabs')).toHaveScreenshot(); + // Assert + await expect(accountTabs).toHaveScreenshot(); }); diff --git a/apps/core/tests/visual-regression/packages/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png index eb975bbf5..8398cb237 100644 Binary files a/apps/core/tests/visual-regression/packages/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/tabs.spec.ts-snapshots/Tabs-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png index ae8de8f68..acc377145 100644 Binary files a/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-basic-1-tests-chromium-darwin.png differ diff --git a/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png b/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png index 4d0cd9e0a..9c8d16e01 100644 Binary files a/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png and b/apps/core/tests/visual-regression/packages/components/textarea.spec.ts-snapshots/Textarea-error-1-tests-chromium-darwin.png differ