mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
7ba4a0d53d
Moved app-dir path params parsing logic from `useParams` to `AppRouter`. This allows for the use of `PathParamsContext` in the `useParams` hook for both pages and app routers. In addition, this allows for memoization of the layout tree which fixes undesired re-renders of the `useParams` hook. Fixes [#58788](https://github.com/vercel/next.js/issues/58788) Closes NEXT-2434 --------- Co-authored-by: Zack Tanner <[email protected]>
60 lines
1.9 KiB
TypeScript
60 lines
1.9 KiB
TypeScript
import { createNextDescribe } from 'e2e-utils'
|
|
|
|
createNextDescribe(
|
|
'use-params',
|
|
{
|
|
files: __dirname,
|
|
},
|
|
({ next }) => {
|
|
it('should work for single dynamic param', async () => {
|
|
const $ = await next.render$('/a/b')
|
|
expect($('#param-id').text()).toBe('a')
|
|
})
|
|
it('should work for nested dynamic params', async () => {
|
|
const $ = await next.render$('/a/b')
|
|
expect($('#param-id').text()).toBe('a')
|
|
expect($('#param-id2').text()).toBe('b')
|
|
})
|
|
|
|
it('should work for catch all params', async () => {
|
|
const $ = await next.render$('/a/b/c/d/e/f/g')
|
|
expect($('#params').text()).toBe('["a","b","c","d","e","f","g"]')
|
|
})
|
|
|
|
it('should work for single dynamic param client navigating', async () => {
|
|
const browser = await next.browser('/')
|
|
expect(
|
|
await browser
|
|
.elementByCss('#to-a')
|
|
.click()
|
|
.waitForElementByCss('#param-id')
|
|
.text()
|
|
).toBe('a')
|
|
})
|
|
|
|
it('should work for nested dynamic params client navigating', async () => {
|
|
const browser = await next.browser('/')
|
|
await browser
|
|
.elementByCss('#to-a-b')
|
|
.click()
|
|
.waitForElementByCss('#param-id')
|
|
expect(await browser.elementByCss('#param-id').text()).toBe('a')
|
|
expect(await browser.elementByCss('#param-id2').text()).toBe('b')
|
|
})
|
|
|
|
it('should work on pages router', async () => {
|
|
const browser = await next.browser('/pages-dir/foobar')
|
|
expect(await browser.elementById('params').text()).toBe('"foobar"')
|
|
})
|
|
|
|
it("shouldn't rerender host component when prefetching", async () => {
|
|
const browser = await next.browser('/rerenders/foobar')
|
|
const initialRandom = await browser.elementById('random').text()
|
|
const link = await browser.elementByCss('a')
|
|
await link.hover()
|
|
const newRandom = await browser.elementById('random').text()
|
|
expect(initialRandom).toBe(newRandom)
|
|
})
|
|
}
|
|
)
|