mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Zack Tanner
12982efaa2
`initialCanonicalUrl` differs from the `canonicalUrl` that gets set on the client, such as when there's a basePath set. This hoists the `canonicalUrl` construction up so we can re-use it when adding refetch markers to the tree. This also renames `pathname` -> `path` since it also includes search params. I added a test to confirm no extra erroneous fetches happened in both cases. Fixes #64584 Closes NEXT-3130
96 lines
3.2 KiB
TypeScript
96 lines
3.2 KiB
TypeScript
import { createNextDescribe } from 'e2e-utils'
|
|
import { retry } from 'next-test-utils'
|
|
|
|
createNextDescribe(
|
|
'app dir - basepath',
|
|
{
|
|
files: __dirname,
|
|
skipDeployment: true,
|
|
dependencies: {
|
|
sass: 'latest',
|
|
},
|
|
},
|
|
({ next }) => {
|
|
it('should successfully hard navigate from pages -> app', async () => {
|
|
const browser = await next.browser('/base/pages-path')
|
|
await browser.elementByCss('#to-another').click()
|
|
await browser.waitForElementByCss('#page-2')
|
|
})
|
|
|
|
it('should support `basePath`', async () => {
|
|
const html = await next.render('/base')
|
|
expect(html).toContain('<h1>Test Page</h1>')
|
|
})
|
|
|
|
it('should support Link with basePath prefixed', async () => {
|
|
const browser = await next.browser('/base')
|
|
expect(
|
|
await browser
|
|
.elementByCss('a[href="/base/another"]')
|
|
.click()
|
|
.waitForElementByCss('#page-2')
|
|
.text()
|
|
).toBe(`Page 2`)
|
|
})
|
|
|
|
it('should prefix metadata og image with basePath', async () => {
|
|
const $ = await next.render$('/base/another')
|
|
const ogImageHref = $('meta[property="og:image"]').attr('content')
|
|
|
|
expect(ogImageHref).toContain('/base/another/opengraph-image.png')
|
|
})
|
|
|
|
it('should prefix redirect() with basePath', async () => {
|
|
const browser = await next.browser('/base/redirect')
|
|
await retry(async () => {
|
|
expect(await browser.url()).toBe(`${next.url}/base/another`)
|
|
})
|
|
})
|
|
|
|
it('should render usePathname without the basePath', async () => {
|
|
const pathnames = ['/use-pathname', '/use-pathname-another']
|
|
const validatorPromises = pathnames.map(async (pathname) => {
|
|
const $ = await next.render$('/base' + pathname)
|
|
expect($('#pathname').data('pathname')).toBe(pathname)
|
|
})
|
|
await Promise.all(validatorPromises)
|
|
})
|
|
|
|
it('should handle redirect in dynamic in suspense boundary routes with basePath', async () => {
|
|
const browser = await next.browser('/base/dynamic/source')
|
|
await retry(async () => {
|
|
// Check content is loaded first to avoid flakiness
|
|
expect(await browser.elementByCss('p').text()).toBe(`id:dest`)
|
|
expect(await browser.url()).toBe(`${next.url}/base/dynamic/dest`)
|
|
})
|
|
})
|
|
|
|
it.each(['/base/refresh', '/base/refresh?foo=bar'])(
|
|
`should only make a single RSC call to the current page (%s)`,
|
|
async (path) => {
|
|
let rscRequests = []
|
|
const browser = await next.browser(path, {
|
|
beforePageLoad(page) {
|
|
page.on('request', (request) => {
|
|
return request.allHeaders().then((headers) => {
|
|
if (
|
|
headers['RSC'.toLowerCase()] === '1' &&
|
|
// Prefetches also include `RSC`
|
|
headers['Next-Router-Prefetch'.toLowerCase()] !== '1'
|
|
) {
|
|
rscRequests.push(request.url())
|
|
}
|
|
})
|
|
})
|
|
},
|
|
})
|
|
await browser.elementByCss('button').click()
|
|
await retry(async () => {
|
|
expect(rscRequests.length).toBe(1)
|
|
expect(rscRequests[0]).toContain(`${next.url}${path}`)
|
|
})
|
|
}
|
|
)
|
|
}
|
|
)
|