fix(site): [SITE-05] repair search interactions and align peer dependency

test/browser/document-search.spec.js

@@ -0,0 +1,63 @@
+import { expect, test } from './fixtures.js'
+
+for (const language of ['zh', 'en']) {
+  test(`documentation search supports mouse and keyboard without reloading (${language})`, async ({ page }) => {
+    await page.route('https://**/*', route => route.fulfill({ status: 200, body: '' }))
+    await page.addInitScript(() => localStorage.setItem('lang-init', 'true'))
+    const prefix = language === 'en' ? '/document/en' : '/document'
+    const errors = []
+    page.on('pageerror', error => errors.push(error.message))
+    await page.goto(`${prefix}/start/option.html`, { waitUntil: 'domcontentloaded' })
+    const button = page.locator('#docsearch button')
+    const input = page.locator('#docsearch-input')
+    const modal = page.locator('.VPPluginSearch-modal-back')
+    const links = page.locator('.search-group a')
+    await button.click()
+    await expect(input).toBeFocused()
+    await input.fill('switchQuality')
+    await expect(links.first()).toBeVisible()
+    // Select the exact language URL; the shared search includes both languages.
+    const ownLink = page.locator(`.search-group a[href$="${prefix}/advanced/property.html#switchquality"]`)
+    await expect(ownLink).toHaveCount(1)
+    await ownLink.click()
+    await expect(page).toHaveURL(new RegExp(`${prefix}/advanced/property.html#switchquality$`))
+    await expect(page.locator('#switchquality')).toBeVisible()
+    await expect(modal).toBeHidden()
+
+    await button.click()
+    await input.fill('switchQuality')
+    await expect(links.first()).toBeVisible()
+    await input.press('ArrowDown')
+    const target = await page.locator('.search-group a.link-focused').getAttribute('href')
+    await page.evaluate(() => {
+      window.__searchDocumentIdentity = 'retained'
+    })
+    await input.press('Enter')
+    await expect(page).toHaveURL(target)
+    await expect(modal).toBeHidden()
+    expect(await page.evaluate(() => window.__searchDocumentIdentity)).toBe('retained')
+    expect(await page.evaluate(() => Boolean(document.getElementById(decodeURIComponent(location.hash.slice(1)))))).toBe(true)
+
+    await button.click()
+    await input.fill('生命周期')
+    await expect(links.first()).toBeVisible()
+    await input.press('Escape')
+    await expect(modal).toBeHidden()
+    await expect(button).toBeFocused()
+    await page.keyboard.press('Control+k')
+    await expect(input).toBeFocused()
+    await input.fill('switchQuality')
+    await expect(links.first()).toHaveClass(/link-focused/)
+    await input.press('ArrowUp')
+    await expect(links.last()).toHaveClass(/link-focused/)
+    await input.fill('definitely-no-artplayer-search-result-958')
+    await expect(links).toHaveCount(0)
+    const current = page.url()
+    await input.press('Enter')
+    await input.press('Escape')
+    await expect(modal).toBeHidden()
+    expect(page.url()).toBe(current)
+    expect(await page.evaluate(() => window.__searchDocumentIdentity)).toBe('retained')
+    expect(errors).toEqual([])
+  })
+}