test: try to address flakiness

Author: danielroe

test/nuxt/composables/use-install-command.spec.ts

@@ -261,6 +261,8 @@ describe('useInstallCommand', () => {
 
   describe('copyInstallCommand', () => {
     it('should copy command to clipboard and set copied state', async () => {
+      vi.useFakeTimers()
+
       const { copyInstallCommand, copied, fullInstallCommand } = useInstallCommand(
         'vue',
         null,
@@ -276,9 +278,11 @@ describe('useInstallCommand', () => {
       // useClipboard sets copied to true after successful copy
       expect(copied.value).toBe(true)
 
-      // Wait for the timeout to reset copied (copiedDuring: 2000)
-      await new Promise(resolve => setTimeout(resolve, 2100))
+      // Advance timers to reset copied (copiedDuring: 2000)
+      await vi.advanceTimersByTimeAsync(2100)
       expect(copied.value).toBe(false)
+
+      vi.useRealTimers()
     })
 
     it('should not copy when command is empty', async () => {

tests/create-command.spec.ts

@@ -111,9 +111,7 @@ test.describe('Create Command', () => {
       const clipboardContent = await page.evaluate(() => navigator.clipboard.readText())
       expect(clipboardContent).toMatch(/create vite/i)
 
-      // After timeout, should revert to "copy"
-      await page.waitForTimeout(2500)
-      await expect(copyButton).toContainText(/copy/i)
+      await expect(copyButton).toContainText(/copy/i, { timeout: 5000 })
       await expect(copyButton).not.toContainText(/copied/i)
     })
   })
@@ -162,9 +160,7 @@ test.describe('Create Command', () => {
       const clipboardContent = await page.evaluate(() => navigator.clipboard.readText())
       expect(clipboardContent).toMatch(/install lodash|add lodash/i)
 
-      // After timeout, should revert to "copy"
-      await page.waitForTimeout(2500)
-      await expect(copyButton).toContainText(/copy/i)
+      await expect(copyButton).toContainText(/copy/i, { timeout: 5000 })
       await expect(copyButton).not.toContainText(/copied/i)
     })
   })

tests/docs.spec.ts

@@ -105,16 +105,11 @@ test.describe('API Documentation Pages', () => {
 
 test.describe('Version Selector', () => {
   test('version selector dropdown shows versions', async ({ page, goto }) => {
-    await goto('/docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
 
-    // Find and click the version selector button
+    // Find and click the version selector button (wait for it to be visible)
     const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
-
-    // Skip if version selector not present (data might not be loaded)
-    if (!(await versionButton.isVisible())) {
-      test.skip()
-      return
-    }
+    await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()
 
@@ -128,16 +123,11 @@ test.describe('Version Selector', () => {
   })
 
   test('selecting a version navigates to that version', async ({ page, goto }) => {
-    await goto('/docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/docs/ufo/v/1.6.3', { waitUntil: 'hydration' })
 
-    // Find and click the version selector button
+    // Find and click the version selector button (wait for it to be visible)
     const versionButton = page.locator('header button').filter({ hasText: '1.6.3' })
-
-    // Skip if version selector not present
-    if (!(await versionButton.isVisible())) {
-      test.skip()
-      return
-    }
+    await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()
 
@@ -167,14 +157,11 @@ test.describe('Version Selector', () => {
   })
 
   test('escape key closes version dropdown', async ({ page, goto }) => {
-    await goto('/docs/ufo/v/1.6.3', { waitUntil: 'networkidle' })
+    await goto('/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' })
-
-    if (!(await versionButton.isVisible())) {
-      test.skip()
-      return
-    }
+    await expect(versionButton).toBeVisible({ timeout: 10000 })
 
     await versionButton.click()