mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Hendrik Liebau
4b66771895
The `legacyBehavior` prop of the `Link` component has been deprecated since #77473. For Next.js 16, we're finally removing support for it. Consequently, we're also removing support for the `passHref` prop, which was only useful in conjunction with the `legacyBehavior` prop. A [codemod is available](https://nextjs.org/docs/app/guides/upgrading/codemods#new-link) to help you automatically upgrade your codebase. reverts #77473 --------- Co-authored-by: Sebastian Sebbie Silbermann <sebastian.silbermann@vercel.com>
122 lines
3.9 KiB
TypeScript
122 lines
3.9 KiB
TypeScript
/* eslint-env jest */
|
|
|
|
import { waitFor, check } from 'next-test-utils'
|
|
import path from 'path'
|
|
import { nextTestSetup } from 'e2e-utils'
|
|
|
|
describe('Client Navigation with <Link/>', () => {
|
|
const { next } = nextTestSetup({
|
|
files: path.join(__dirname, 'fixture'),
|
|
env: {
|
|
TEST_STRICT_NEXT_HEAD: String(true),
|
|
},
|
|
})
|
|
|
|
it('should navigate the page', async () => {
|
|
const browser = await next.browser('/nav')
|
|
const text = await browser
|
|
.elementByCss('#about-link')
|
|
.click()
|
|
.waitForElementByCss('.nav-about')
|
|
.elementByCss('p')
|
|
.text()
|
|
|
|
expect(text).toBe('This is the about page.')
|
|
await browser.close()
|
|
})
|
|
|
|
it('should navigate back after reload', async () => {
|
|
const browser = await next.browser('/nav')
|
|
await browser.elementByCss('#about-link').click()
|
|
await browser.waitForElementByCss('.nav-about')
|
|
await browser.refresh()
|
|
await waitFor(3000)
|
|
await browser.back()
|
|
await waitFor(3000)
|
|
const text = await browser.elementByCss('#about-link').text()
|
|
if (browser) await browser.close()
|
|
expect(text).toMatch(/About/)
|
|
})
|
|
|
|
it('should navigate forwards after reload', async () => {
|
|
const browser = await next.browser('/nav')
|
|
await browser.elementByCss('#about-link').click()
|
|
await browser.waitForElementByCss('.nav-about')
|
|
await browser.back()
|
|
await browser.refresh()
|
|
await waitFor(3000)
|
|
await browser.forward()
|
|
await waitFor(3000)
|
|
const text = await browser.elementByCss('p').text()
|
|
if (browser) await browser.close()
|
|
expect(text).toMatch(/this is the about page/i)
|
|
})
|
|
|
|
it('should navigate via the client side', async () => {
|
|
const browser = await next.browser('/nav')
|
|
|
|
const counterText = await browser
|
|
.elementByCss('#increase')
|
|
.click()
|
|
.elementByCss('#about-link')
|
|
.click()
|
|
.waitForElementByCss('.nav-about')
|
|
.elementByCss('#home-link')
|
|
.click()
|
|
.waitForElementByCss('.nav-home')
|
|
.elementByCss('#counter')
|
|
.text()
|
|
|
|
expect(counterText).toBe('Counter: 1')
|
|
await browser.close()
|
|
})
|
|
|
|
it('should navigate an absolute url', async () => {
|
|
const browser = await next.browser(`/absolute-url?port=${next.appPort}`)
|
|
await browser.waitForElementByCss('#absolute-link').click()
|
|
await check(
|
|
() => browser.eval(() => window.location.origin),
|
|
'https://vercel.com'
|
|
)
|
|
})
|
|
|
|
it('should call mouse handlers with an absolute url', async () => {
|
|
const browser = await next.browser(`/absolute-url?port=${next.appPort}`)
|
|
|
|
await browser.elementByCss('#absolute-link-mouse-events').moveTo()
|
|
|
|
expect(
|
|
await browser
|
|
.waitForElementByCss('#absolute-link-mouse-events')
|
|
.getAttribute('data-hover')
|
|
).toBe('true')
|
|
})
|
|
|
|
it('should navigate an absolute local url', async () => {
|
|
const browser = await next.browser(`/absolute-url?port=${next.appPort}`)
|
|
// @ts-expect-error _didNotNavigate is set intentionally
|
|
await browser.eval(() => (window._didNotNavigate = true))
|
|
await browser.waitForElementByCss('#absolute-local-link').click()
|
|
const text = await browser
|
|
.waitForElementByCss('.nav-about')
|
|
.elementByCss('p')
|
|
.text()
|
|
|
|
expect(text).toBe('This is the about page.')
|
|
// @ts-expect-error _didNotNavigate is set intentionally
|
|
expect(await browser.eval(() => window._didNotNavigate)).toBe(true)
|
|
})
|
|
|
|
it('should navigate an absolute local url with as', async () => {
|
|
const browser = await next.browser(`/absolute-url?port=${next.appPort}`)
|
|
// @ts-expect-error _didNotNavigate is set intentionally
|
|
await browser.eval(() => (window._didNotNavigate = true))
|
|
await browser.waitForElementByCss('#absolute-local-dynamic-link').click()
|
|
expect(await browser.waitForElementByCss('#dynamic-page').text()).toBe(
|
|
'hello'
|
|
)
|
|
// @ts-expect-error _didNotNavigate is set intentionally
|
|
expect(await browser.eval(() => window._didNotNavigate)).toBe(true)
|
|
})
|
|
})
|