diff --git a/.changeset/small-ducks-wink.md b/.changeset/small-ducks-wink.md new file mode 100644 index 000000000..c17983e47 --- /dev/null +++ b/.changeset/small-ducks-wink.md @@ -0,0 +1,5 @@ +--- +"@bigcommerce/catalyst-core": patch +--- + +Fix issue with account dropdown in header. diff --git a/core/components/ui/navigation-menu/navigation-menu.tsx b/core/components/ui/navigation-menu/navigation-menu.tsx index a8e403200..17f357b12 100644 --- a/core/components/ui/navigation-menu/navigation-menu.tsx +++ b/core/components/ui/navigation-menu/navigation-menu.tsx @@ -51,7 +51,7 @@ const NavigationMenu = forwardRef<
diff --git a/core/tests/ui/desktop/e2e/account.spec.ts b/core/tests/ui/desktop/e2e/account.spec.ts index 9e753182c..fd999157e 100644 --- a/core/tests/ui/desktop/e2e/account.spec.ts +++ b/core/tests/ui/desktop/e2e/account.spec.ts @@ -47,3 +47,18 @@ test('My Account tabs are displayed and clickable', async ({ page }) => { await expect(page).toHaveURL('account/settings/'); await expect(page.getByRole('heading', { name: 'Account settings' })).toBeVisible(); }); + +test('Account dropdown is visible in header', async ({ page }) => { + await page.goto('/login/'); + await page.getByLabel('Login').click(); + await page.getByLabel('Email').fill(process.env.TEST_ACCOUNT_EMAIL || ''); + await page.getByLabel('Password').fill(process.env.TEST_ACCOUNT_PASSWORD || ''); + await page.getByRole('button', { name: 'Log in' }).click(); + await page.getByRole('heading', { name: 'My Account' }).waitFor(); + + await page.goto('/'); + + await page.getByRole('link', { name: 'Account' }).hover(); + + await expect(page.getByText('Log out')).toBeInViewport(); +});