test: update tests for new package-header

Author: alexdln

app/components/Package/ManagerSelect.vue

@@ -144,6 +144,7 @@ function handleKeydown(event: KeyboardEvent) {
         :id="listboxId"
         ref="listRef"
         role="listbox"
+        data-testid="package-manager-dropdown"
         :aria-activedescendant="
           highlightedIndex >= 0
             ? `${listboxId}-${packageManagers[highlightedIndex]?.id}`

app/components/VersionSelector.vue

@@ -475,6 +475,7 @@ watch(
       class="break-all text-start text-fg-subtle font-mono text-sm hover:text-fg transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg rounded"
       @click="isOpen = !isOpen"
       @keydown="handleButtonKeydown"
+      data-testid="version-selector-button"
     >
       <span dir="ltr" class="me-1.5">{{ currentVersion }}</span>
       <span

test/e2e/package-manager-select.spec.ts

@@ -11,7 +11,7 @@ test.describe('Package Page', () => {
 
     // Open dropdown
     await packageManagerButton.click()
-    const packageManagerDropdown = page.locator('article [role="listbox"]')
+    const packageManagerDropdown = page.locator('[data-testid="package-manager-dropdown"]')
     await expect(packageManagerDropdown).toBeVisible({ timeout: 5000 })
 
     // Arrow keys navigate the listbox

test/e2e/url-compatibility.spec.ts

@@ -9,7 +9,9 @@ test.describe('npmjs.com URL Compatibility', () => {
       await expect(page.locator('h1')).toContainText('vue')
       // Should have version badge
       await expect(
-        page.locator('[data-testid="package-subheader"]').locator('text=/v\\d+\\.\\d+/'),
+        page
+          .locator('[data-testid="version-selector-button"]')
+          .locator('text=/\\d+\\.\\d+\\.\\d+/'),
       ).toBeVisible()
     })
 
@@ -26,7 +28,9 @@ test.describe('npmjs.com URL Compatibility', () => {
       // Should show package name
       await expect(page.locator('h1')).toContainText('vue')
       // Should show the specific version
-      await expect(page.locator('text=3.5.27')).toBeVisible()
+      await expect(
+        page.locator('[data-testid="version-selector-button"]').locator('text=3.5.27'),
+      ).toBeVisible()
     })
 
     test('/package/@nuxt/kit/v/3.20.0 → scoped package specific version', async ({