Merge branch 'main' into feat/all-notifications-toolbar

packages/astro/e2e/dev-toolbar.test.js

@@ -307,5 +307,19 @@ test.describe('Dev Toolbar', () => {
  await expect(customAppNotification).toHaveAttribute('data-level', 'warning');
 
  await expect(customAppNotification).toBeVisible();
+ });
+
+ test('can quit apps by clicking outside the window', async ({ page, astro }) => {
+ await page.goto(astro.resolveUrl('/'));
+
+ const toolbar = page.locator('astro-dev-toolbar');
+ for (const appId of ['astro:home', 'astro:audit', 'astro:xray', 'astro:settings']) {
+ const appButton = toolbar.locator(`button[data-app-id="${appId}"]`);
+ await appButton.click();
+
+ await expect(appButton).toHaveClass('item active');
+ await page.click('body');
+ await expect(appButton).not.toHaveClass('active');
+ }
  });
 });