2023-06-23 19:42:50 +02:00
|
|
|
import type { Request } from 'playwright-core'
|
|
|
|
|
2023-06-14 15:42:14 +02:00
|
|
|
import { createNextDescribe } from 'e2e-utils'
|
2023-06-23 19:42:50 +02:00
|
|
|
import type { BrowserInterface } from '../../../lib/browsers/base'
|
2023-06-14 15:42:14 +02:00
|
|
|
|
|
|
|
const getPathname = (url: string) => {
|
|
|
|
const urlObj = new URL(url)
|
|
|
|
return urlObj.pathname
|
|
|
|
}
|
|
|
|
|
|
|
|
const createRequestsListener = async (browser: BrowserInterface) => {
|
|
|
|
// wait for network idle
|
|
|
|
await browser.waitForIdleNetwork()
|
|
|
|
|
|
|
|
let requests = []
|
|
|
|
|
|
|
|
browser.on('request', (req: Request) => {
|
|
|
|
requests.push([req.url(), !!req.headers()['next-router-prefetch']])
|
|
|
|
})
|
|
|
|
|
|
|
|
await browser.refresh()
|
|
|
|
|
|
|
|
return {
|
|
|
|
getRequests: () => requests,
|
|
|
|
clearRequests: () => {
|
|
|
|
requests = []
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
createNextDescribe(
|
|
|
|
'app-prefetch-false',
|
|
|
|
{
|
|
|
|
files: __dirname,
|
|
|
|
},
|
|
|
|
({ next, isNextDev }) => {
|
|
|
|
if (isNextDev) {
|
|
|
|
it.skip('should skip test in dev mode', () => {})
|
|
|
|
} else {
|
|
|
|
it('should avoid double-fetching when optimistic navigation fails', async () => {
|
|
|
|
const browser = await next.browser('/foo')
|
|
|
|
const { getRequests } = await createRequestsListener(browser)
|
|
|
|
|
|
|
|
await browser.elementByCss('[href="/foo"]').click()
|
|
|
|
await browser.elementByCss('[href="/foo/bar"]').click()
|
|
|
|
console.log('getRequests()', getRequests())
|
|
|
|
expect(
|
|
|
|
getRequests().filter(([req]) => getPathname(req) === '/foo/bar')
|
|
|
|
.length
|
|
|
|
).toBe(1)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|