mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Tim NeutkensandGitHub
e860cec656
### What? Migrate remaining direct `next-webdriver` test callers that have a `NextInstance` to `next.browser()`, and expose the shared `Playwright` browser type from `e2e-utils`. ### Why? `NextInstance.browser` should be the supported browser-opening interface for test fixtures, with `next-webdriver` kept as the private implementation detail. ### How? Updated affected development, e2e, and production tests to call `next.browser()` directly, passing `baseUrl` where tests intentionally target a manually spawned or proxied server. Shared helpers now receive browser callbacks from the test context, and browser types import `Playwright` from `e2e-utils` instead of deriving from `next.browser` or importing from private paths. <!-- NEXT_JS_LLM_PR -->
135 lines
4.1 KiB
TypeScript
135 lines
4.1 KiB
TypeScript
import assert from 'assert'
|
|
import { nextTestSetup } from 'e2e-utils'
|
|
import { retry } from 'next-test-utils'
|
|
|
|
describe('basePath', () => {
|
|
const basePath = '/docs'
|
|
|
|
const { next } = nextTestSetup({
|
|
files: __dirname,
|
|
nextConfig: {
|
|
basePath,
|
|
onDemandEntries: {
|
|
// Make sure entries are not getting disposed.
|
|
maxInactiveAge: 1000 * 60 * 60,
|
|
},
|
|
},
|
|
})
|
|
|
|
it('should use urls with basepath in router events', async () => {
|
|
const browser = await next.browser(`${basePath}/hello`)
|
|
try {
|
|
await retry(() =>
|
|
expect(browser.eval('window.next.router.isReady')).resolves.toBe(true)
|
|
)
|
|
await browser.eval('window._clearEventLog()')
|
|
await browser
|
|
.elementByCss('#other-page-link')
|
|
.click()
|
|
.waitForElementByCss('#other-page-title')
|
|
|
|
const eventLog = await browser.eval('window._getEventLog()')
|
|
expect(
|
|
eventLog.filter((item) => item[1]?.endsWith('/other-page'))
|
|
).toEqual([
|
|
['routeChangeStart', `${basePath}/other-page`, { shallow: false }],
|
|
['beforeHistoryChange', `${basePath}/other-page`, { shallow: false }],
|
|
['routeChangeComplete', `${basePath}/other-page`, { shallow: false }],
|
|
])
|
|
} finally {
|
|
await browser.close()
|
|
}
|
|
})
|
|
|
|
it('should use urls with basepath in router events for hash changes', async () => {
|
|
const browser = await next.browser(`${basePath}/hello`)
|
|
try {
|
|
await retry(() =>
|
|
expect(browser.eval('window.next.router.isReady')).resolves.toBe(true)
|
|
)
|
|
await browser.eval('window._clearEventLog()')
|
|
await browser.elementByCss('#hash-change').click()
|
|
|
|
await retry(async () => {
|
|
const eventLog = await browser.eval('window._getEventLog()')
|
|
|
|
expect(eventLog).toEqual([
|
|
[
|
|
'hashChangeStart',
|
|
`${basePath}/hello#some-hash`,
|
|
{ shallow: false },
|
|
],
|
|
[
|
|
'hashChangeComplete',
|
|
`${basePath}/hello#some-hash`,
|
|
{ shallow: false },
|
|
],
|
|
])
|
|
})
|
|
} finally {
|
|
await browser.close()
|
|
}
|
|
})
|
|
|
|
it('should use urls with basepath in router events for cancelled routes', async () => {
|
|
const browser = await next.browser(`${basePath}/hello`)
|
|
try {
|
|
await retry(() =>
|
|
expect(browser.eval('window.next.router.isReady')).resolves.toBe(true)
|
|
)
|
|
await browser.eval('window._clearEventLog()')
|
|
|
|
await browser
|
|
.elementByCss('#slow-route')
|
|
.click()
|
|
.elementByCss('#other-page-link')
|
|
.click()
|
|
.waitForElementByCss('#other-page-title')
|
|
|
|
const eventLog = await browser.eval('window._getEventLog()')
|
|
expect(eventLog).toEqual([
|
|
['routeChangeStart', `${basePath}/slow-route`, { shallow: false }],
|
|
[
|
|
'routeChangeError',
|
|
'Route Cancelled',
|
|
true,
|
|
`${basePath}/slow-route`,
|
|
{ shallow: false },
|
|
],
|
|
['routeChangeStart', `${basePath}/other-page`, { shallow: false }],
|
|
['beforeHistoryChange', `${basePath}/other-page`, { shallow: false }],
|
|
['routeChangeComplete', `${basePath}/other-page`, { shallow: false }],
|
|
])
|
|
} finally {
|
|
await browser.close()
|
|
}
|
|
})
|
|
|
|
it('should use urls with basepath in router events for failed route change', async () => {
|
|
const browser = await next.browser(`${basePath}/hello`)
|
|
try {
|
|
await retry(() =>
|
|
expect(browser.eval('window.next.router.isReady')).resolves.toBe(true)
|
|
)
|
|
await browser.eval('window._clearEventLog()')
|
|
await browser.elementByCss('#error-route').click()
|
|
|
|
await retry(async () => {
|
|
const eventLog = await browser.eval('window._getEventLog()')
|
|
assert.deepEqual(eventLog, [
|
|
['routeChangeStart', `${basePath}/error-route`, { shallow: false }],
|
|
[
|
|
'routeChangeError',
|
|
'Failed to load static props',
|
|
null,
|
|
`${basePath}/error-route`,
|
|
{ shallow: false },
|
|
],
|
|
])
|
|
}, 10_000)
|
|
} finally {
|
|
await browser.close()
|
|
}
|
|
})
|
|
})
|