fix: command palette e2e tests (#3588)

Also adds a helper for pressing shortcut keys like `CMD+k`

frontend/console/e2e/command-palette.spec.ts

@@ -0,0 +1,28 @@
+import { expect, test } from '@playwright/test'
+import { pressShortcut } from './helpers'
+
+test('shows command palette results', async ({ page }) => {
+  await page.goto('http://localhost:8892')
+
+  await page.click('#command-palette-search')
+  await page.fill('#command-palette-search-input', 'echo')
+
+  // Command palette should be showing the echo parts
+  await expect(page.locator('[role="listbox"]').getByText('echo.EchoRequest', { exact: true })).toBeVisible()
+  await expect(page.locator('[role="listbox"]').getByText('echo.EchoResponse', { exact: true })).toBeVisible()
+  await expect(page.locator('[role="listbox"]').getByText('echo.echo', { exact: true })).toBeVisible()
+})
+
+test('opens command palette with keyboard shortcut', async ({ page }) => {
+  await page.goto('http://localhost:8892')
+
+  await pressShortcut(page, 'k')
+
+  await expect(page.locator('#command-palette-search-input')).toBeVisible()
+  await page.fill('#command-palette-search-input', 'echo')
+
+  // Command palette should be showing the echo parts
+  await expect(page.locator('[role="listbox"]').getByText('echo.EchoRequest', { exact: true })).toBeVisible()
+  await expect(page.locator('[role="listbox"]').getByText('echo.EchoResponse', { exact: true })).toBeVisible()
+  await expect(page.locator('[role="listbox"]').getByText('echo.echo', { exact: true })).toBeVisible()
+})

frontend/console/e2e/helpers.ts

@@ -23,3 +23,13 @@ export async function navigateToDecl(page: Page, moduleName: string, declName: s
   await page.locator(`a#decl-${declName}`).click()
   await expect(page).toHaveURL(new RegExp(`/modules/${moduleName}/verb/${declName}`))
 }
+
+export async function pressShortcut(page: Page, key: string) {
+  // Get the platform-specific modifier key
+  const isMac = await page.evaluate(() => navigator.userAgent.includes('Mac'))
+  const modifier = isMac ? 'Meta' : 'Control'
+
+  await page.keyboard.down(modifier)
+  await page.keyboard.press(key)
+  await page.keyboard.up(modifier)
+}