making it its own test case should do it for sure

Author: m5r

tests/prefetch.spec.ts

@@ -92,50 +92,48 @@ test('can prefetch using link props', async ({ page, browser }) => {
   await page.getByRole('link', { name: 'On Hover + Mount' }).click()
   await isPrefetchPage(page, 4)
   expect(requests.requests.length).toBe(0)
+})
 
-  // Create a new context to test the focus/blur behavior without the cache populated by previous tests
-  const context2 = await browser.newContext()
-  const page2 = await context2.newPage()
-  await page2.goto('prefetch/2')
-  requests.listen(page2)
+test('can prefetch link on focus', async ({ page, browser }) => {
+  await page.goto('prefetch/2')
+  requests.listen(page)
   // If they just do a quick focus, it shouldn't make the request
-  await page2.getByRole('link', { exact: true, name: 'On Hover (Default)' }).focus()
-  await page2.getByRole('link', { exact: true, name: 'On Hover (Default)' }).blur()
+  await page.getByRole('link', { exact: true, name: 'On Hover (Default)' }).focus()
+  await page.getByRole('link', { exact: true, name: 'On Hover (Default)' }).blur()
   expect(requests.requests.length).toBe(0)
 
-  await page2.getByRole('link', { exact: true, name: 'On Hover (Default)' }).focus()
-  await page2.waitForTimeout(100)
+  await page.getByRole('link', { exact: true, name: 'On Hover (Default)' }).focus()
+  await page.waitForTimeout(80)
   expect(requests.requests.length).toBe(1)
-  await isPrefetchPage(page2, 2)
-  await page2.keyboard.down('Enter')
-  await isPrefetchPage(page2, 1)
+  await isPrefetchPage(page, 2)
+  await page.keyboard.down('Enter')
+  await isPrefetchPage(page, 1)
   expect(requests.requests.length).toBe(1)
-  await context2.close()
 
   // Create a new context to simulate touchscreen
-  const context3 = await browser.newContext({ hasTouch: true })
-  const page3 = await context3.newPage()
+  const context2 = await browser.newContext({ hasTouch: true })
+  const page2 = await context2.newPage()
 
   // These two prefetch requests should be made on mount
-  const page3Prefetch2 = page3.waitForResponse('prefetch/2')
-  const page3Prefetch4 = page3.waitForResponse('prefetch/4')
+  const prefetch2 = page2.waitForResponse('prefetch/2')
+  const prefetch4 = page2.waitForResponse('prefetch/4')
 
-  await page3.goto('prefetch/2')
+  await page2.goto('prefetch/2')
 
   // These two prefetch requests should be made on mount
-  await page3Prefetch2
-  await page3Prefetch4
+  await prefetch2
+  await prefetch4
 
-  requests.listen(page3)
+  requests.listen(page2)
 
-  const link = page3.getByRole('link', { exact: true, name: 'On Hover (Default)' })
+  const link = page2.getByRole('link', { exact: true, name: 'On Hover (Default)' })
   const box = await link.boundingBox()
   expect(box).not.toBeNull()
-  page3.touchscreen.tap(box!.x, box!.y)
-  await page3.waitForTimeout(75)
+  page2.touchscreen.tap(box!.x, box!.y)
+  await page2.waitForTimeout(75)
   expect(requests.requests.length).toBe(1)
-  await isPrefetchPage(page3, 1)
-  await context3.close()
+  await isPrefetchPage(page2, 1)
+  await context2.close()
 })
 
 test('can cache links with single cache value', async ({ page }) => {