test: update tests and rules

Author: alexdln

app/middleware/trailing-slash.global.ts

@@ -15,7 +15,7 @@ export default defineNuxtRouteMiddleware(to => {
     if (url.includes('_payload')) return
   }
 
-  if (to.path.startsWith('/package-code/')) return
+  if (to.path.startsWith('/package-code/') || to.path.startsWith('/api/')) return
 
   if (to.path !== '' && !to.path.endsWith('/')) {
     return navigateTo(

test/e2e/connector.spec.ts

@@ -18,7 +18,7 @@ test.describe.configure({ mode: 'serial' })
  * This helper waits for the packages link to appear as proof of successful connection.
  */
 async function expectConnected(page: Page, username = 'testuser') {
-  await expect(page.locator(`a[href="/~${username}"]`, { hasText: 'packages' })).toBeVisible({
+  await expect(page.locator(`a[href="/~${username}/"]`, { hasText: 'packages' })).toBeVisible({
     timeout: 10_000,
   })
 }
@@ -79,7 +79,7 @@ test.describe('Connector Connection', () => {
     await modal.getByRole('button', { name: /close/i }).click()
 
     // The "packages" link should disappear since we're disconnected
-    await expect(page.locator('a[href="/~testuser"]', { hasText: 'packages' })).not.toBeVisible({
+    await expect(page.locator('a[href="/~testuser/"]', { hasText: 'packages' })).not.toBeVisible({
       timeout: 5000,
     })
 
@@ -106,7 +106,7 @@ test.describe('Organization Management', () => {
   })
 
   test('shows org members when connected', async ({ page, gotoConnected }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     // The org management region contains the members panel
     const orgManagement = page.getByRole('region', { name: /organization management/i })
@@ -123,7 +123,7 @@ test.describe('Organization Management', () => {
   })
 
   test('can filter members by role', async ({ page, gotoConnected }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     const orgManagement = page.getByRole('region', { name: /organization management/i })
     await expect(orgManagement).toBeVisible({ timeout: 10_000 })
@@ -144,7 +144,7 @@ test.describe('Organization Management', () => {
   })
 
   test('can search members by name', async ({ page, gotoConnected }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     const orgManagement = page.getByRole('region', { name: /organization management/i })
     await expect(orgManagement).toBeVisible({ timeout: 10_000 })
@@ -162,7 +162,7 @@ test.describe('Organization Management', () => {
   })
 
   test('can add a new member operation', async ({ page, gotoConnected, mockConnector }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     const orgManagement = page.getByRole('region', { name: /organization management/i })
     await expect(orgManagement).toBeVisible({ timeout: 10_000 })
@@ -194,7 +194,7 @@ test.describe('Organization Management', () => {
   })
 
   test('can remove a member (adds operation)', async ({ page, gotoConnected, mockConnector }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     const orgManagement = page.getByRole('region', { name: /organization management/i })
     await expect(orgManagement).toBeVisible({ timeout: 10_000 })
@@ -215,7 +215,7 @@ test.describe('Organization Management', () => {
     gotoConnected,
     mockConnector,
   }) => {
-    await gotoConnected('/@testorg')
+    await gotoConnected('/@testorg/')
 
     const orgManagement = page.getByRole('region', { name: /organization management/i })
     await expect(orgManagement).toBeVisible({ timeout: 10_000 })
@@ -257,7 +257,7 @@ test.describe('Package Access Controls', () => {
   async function goToPackageConnected(page: Page, gotoConnected: (path: string) => Promise<void>) {
     await gotoConnected('/')
     await expectConnected(page)
-    await page.goto('/package/@nuxt/kit')
+    await page.goto('/package/@nuxt/kit/')
     await expect(page.locator('h1')).toContainText('kit', { timeout: 30_000 })
   }
 

test/e2e/create-command.spec.ts

@@ -3,7 +3,7 @@ import { expect, test } from './test-utils'
 test.describe('Create Command', () => {
   test.describe('Visibility', () => {
     test('/vite - should show create command (same maintainers)', async ({ page, goto }) => {
-      await goto('/package/vite', { waitUntil: 'domcontentloaded' })
+      await goto('/package/vite/', { waitUntil: 'domcontentloaded' })
 
       // Create command section should be visible (SSR)
       // Use specific container to avoid matching README code blocks
@@ -19,7 +19,7 @@ test.describe('Create Command', () => {
       page,
       goto,
     }) => {
-      await goto('/package/next', { waitUntil: 'domcontentloaded' })
+      await goto('/package/next/', { waitUntil: 'domcontentloaded' })
 
       // Create command section should be visible (SSR)
       // Use specific container to avoid matching README code blocks
@@ -35,7 +35,7 @@ test.describe('Create Command', () => {
       page,
       goto,
     }) => {
-      await goto('/package/nuxt', { waitUntil: 'domcontentloaded' })
+      await goto('/package/nuxt/', { waitUntil: 'domcontentloaded' })
 
       // Create command section should be visible (SSR)
       // nuxt has create-nuxt package, so command is "npm create nuxt"
@@ -49,7 +49,7 @@ test.describe('Create Command', () => {
       page,
       goto,
     }) => {
-      await goto('/package/is-odd', { waitUntil: 'domcontentloaded' })
+      await goto('/package/is-odd/', { waitUntil: 'domcontentloaded' })
 
       // Wait for package to load
       await expect(page.locator('h1').filter({ hasText: 'is-odd' })).toBeVisible()
@@ -63,7 +63,7 @@ test.describe('Create Command', () => {
 
   test.describe('Copy Functionality', () => {
     test('hovering create command shows copy button', async ({ page, goto }) => {
-      await goto('/package/vite', { waitUntil: 'hydration' })
+      await goto('/package/vite/', { waitUntil: 'hydration' })
 
       await expect(page.locator('h1')).toContainText('vite', { timeout: 15000 })
 
@@ -94,7 +94,7 @@ test.describe('Create Command', () => {
       // Grant clipboard permissions
       await context.grantPermissions(['clipboard-read', 'clipboard-write'])
 
-      await goto('/package/vite', { waitUntil: 'hydration' })
+      await goto('/package/vite/', { waitUntil: 'hydration' })
       await expect(page.locator('h1')).toContainText('vite', { timeout: 15000 })
 
       await expect(page.locator('main header').locator('text=/v\\d+\\.\\d+/')).toBeVisible({
@@ -124,7 +124,7 @@ test.describe('Create Command', () => {
 
   test.describe('Install Command Copy', () => {
     test('hovering install command shows copy button', async ({ page, goto }) => {
-      await goto('/package/is-odd', { waitUntil: 'hydration' })
+      await goto('/package/is-odd/', { waitUntil: 'hydration' })
 
       // Find the install command container
       const installCommandContainer = page.locator('.group\\/installcmd').first()
@@ -149,7 +149,7 @@ test.describe('Create Command', () => {
       // Grant clipboard permissions
       await context.grantPermissions(['clipboard-read', 'clipboard-write'])
 
-      await goto('/package/is-odd', { waitUntil: 'hydration' })
+      await goto('/package/is-odd/', { waitUntil: 'hydration' })
 
       // Find and hover over the install command container
       const installCommandContainer = page.locator('.group\\/installcmd').first()

test/e2e/docs.spec.ts

@@ -3,7 +3,7 @@ import { expect, test } from './test-utils'
 test.describe('API Documentation Pages', () => {
   test('docs page loads and shows content for a package', async ({ page, goto }) => {
     // Use a small, stable package with TypeScript types
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'networkidle' })
 
     // Page title should include package name
     await expect(page).toHaveTitle(/ufo.*docs/i)
@@ -24,7 +24,7 @@ test.describe('API Documentation Pages', () => {
   })
 
   test('docs page shows TOC sidebar on desktop', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'networkidle' })
 
     // TOC sidebar should be visible (on desktop viewport)
     const tocSidebar = page.locator('aside')
@@ -38,7 +38,7 @@ test.describe('API Documentation Pages', () => {
   })
 
   test('TOC links navigate to sections', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'networkidle' })
 
     // Click on Functions in TOC
     const functionsLink = page.locator('aside a[href="#section-function"]')
@@ -53,7 +53,7 @@ test.describe('API Documentation Pages', () => {
   })
 
   test('clicking symbol name scrolls to symbol', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'networkidle' })
 
     // Find a symbol link in the TOC
     const symbolLink = page.locator('aside a[href^="#function-"]').first()
@@ -67,14 +67,14 @@ test.describe('API Documentation Pages', () => {
   })
 
   test('docs page without version redirects to latest', async ({ page, goto }) => {
-    await goto('/package-docs/ufo', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/', { waitUntil: 'networkidle' })
 
     // Should redirect to include version
     await expect(page).toHaveURL(/\/package-docs\/ufo\/v\//)
   })
 
   test('package link in header navigates to package page', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'networkidle' })
 
     // Click on package name in header
     const packageLink = page.locator('header a').filter({ hasText: 'ufo' })
@@ -87,7 +87,7 @@ test.describe('API Documentation Pages', () => {
   test('docs page handles package gracefully when types unavailable', async ({ page, goto }) => {
     // Use a simple JS package - the page should load without crashing
     // regardless of whether it has types or shows an error state
-    await goto('/package-docs/is-odd/v/3.0.1', { waitUntil: 'networkidle' })
+    await goto('/package-docs/is-odd/v/3.0.1/', { waitUntil: 'networkidle' })
 
     // Header should always show the package name
     await expect(page.locator('header').getByText('is-odd')).toBeVisible()
@@ -105,7 +105,7 @@ test.describe('API Documentation Pages', () => {
 
 test.describe('Version Selector', () => {
   test('version selector dropdown shows versions', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'hydration' })
 
     // Find and click the version selector button (wait for it to be visible)
     const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
@@ -123,7 +123,7 @@ test.describe('Version Selector', () => {
   })
 
   test('selecting a version navigates to that version', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'hydration' })
 
     // Find and click the version selector button (wait for it to be visible)
     const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
@@ -157,7 +157,7 @@ test.describe('Version Selector', () => {
   })
 
   test('escape key closes version dropdown', async ({ page, goto }) => {
-    await goto('/package-docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
+    await goto('/package-docs/ufo/v/1.6.3/', { waitUntil: 'hydration' })
 
     // Wait for version button to be visible
     const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })

test/e2e/hydration.spec.ts

@@ -3,13 +3,13 @@ import { expect, test } from './test-utils'
 
 const PAGES = [
   '/',
-  '/about',
-  '/settings',
-  '/privacy',
-  '/compare',
-  '/search',
-  '/package/nuxt',
-  '/search?q=vue',
+  '/about/',
+  '/settings/',
+  '/privacy/',
+  '/compare/',
+  '/search/',
+  '/package/nuxt/',
+  '/search/?q=vue',
 ] as const
 
 // ---------------------------------------------------------------------------