ff3668499a
### `useSearchParams` server router's query includes both search params and path params, this PR eliminate the path params from `useSearchParams` to make it aligned between app router and pages router ### `useParams` For pages, we extract the params keys with `getRouteRegex`, and pick them out from `router.query` Fixes #54242 Closes NEXT-1536
45 lines
1.3 KiB
TypeScript
45 lines
1.3 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')
|
|
})
|
|
}
|
|
)
|