State tests with Playwright

test-spec.js

test('open account menu actions', async ({ page }) => {
  
  const logInButton = page.getByRole('button', {name: 'login', expanded: false});
  await logInButton.press('Enter');
  
  const accountMenu = page.locator('#account-menu');
  const accountMenuClose = page.locator('#account-menu-close')
               
  // check menu is visible
  await expect.soft(accountMenu).toBeVisible();               
  // check button aria has updated
  await expect.soft(logInButton.toHaveAttribute('aria-expanded','true'));               
  // check close button in dialog is focused
  await expect.soft(accountMenuClose).toBeFocused();
});