npmx.dev/test/e2e/search-at-version.spec.ts at dffa4f2d185b93d6107e20589a219328efcf3407 · npmx-dev/npmx.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import { expect, test } from './test-utils'

test.describe('Search pkg@version navigation', () => {
  test('esbuild@0.25.12 → navigates to exact version page', async ({ page, goto }) => {
    await goto('/search', { waitUntil: 'hydration' })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.fill('esbuild@0.25.12')
    await page.keyboard.press('Enter')

    await expect(page).toHaveURL(/\/package\/esbuild\/v\/0\.25\.12/)
  })

  test('@angular/core@18.0.0 → navigates to scoped exact version page', async ({ page, goto }) => {
    await goto('/search', { waitUntil: 'hydration' })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.fill('@angular/core@18.0.0')
    await page.keyboard.press('Enter')

    await expect(page).toHaveURL(/\/package\/@angular\/core\/v\/18\.0\.0/)
  })

  test('react@^18.0.0 → navigates to package page with semver filter', async ({ page, goto }) => {
    await goto('/search', { waitUntil: 'hydration' })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.fill('react@^18.0.0')
    await page.keyboard.press('Enter')

    await expect(page).toHaveURL(/\/package\/react\?semver=/)
    await expect(page).toHaveURL(/#versions/)
  })

  test('@angular/core@^18 || ^19 → navigates to package page with semver filter', async ({
    page,
    goto,
  }) => {
    await goto('/search', { waitUntil: 'hydration' })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.fill('@angular/core@^18 || ^19')
    await page.keyboard.press('Enter')

    await expect(page).toHaveURL(/\/package\/@angular\/core\?semver=/)
    await expect(page).toHaveURL(/#versions/)
  })

  test('nuxt@latest → navigates to package page with semver filter for dist-tag', async ({
    page,
    goto,
  }) => {
    await goto('/search', { waitUntil: 'hydration' })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.fill('nuxt@latest')
    await page.keyboard.press('Enter')

    await expect(page).toHaveURL(/\/package\/nuxt\?semver=latest/)
    await expect(page).toHaveURL(/#versions/)
  })

  test('plain package name without @ version → does not trigger version navigation', async ({
    page,
    goto,
  }) => {
    await goto('/search?q=vue', { waitUntil: 'hydration' })

    // Wait for search results to load
    await expect(page.locator('text=/found \\d+|showing \\d+/i').first()).toBeVisible({
      timeout: 15000,
    })

    const searchInput = page.locator('input[type="search"]')
    await searchInput.focus()
    await page.keyboard.press('Enter')

    // Should navigate to the package page (exact match), not a version page
    await expect(page).toHaveURL(/\/package\/vue$/)
  })
})