rsnext/test/e2e/react-version/react-version.test.ts

63 lines
2 KiB
TypeScript

import { nextTestSetup } from 'e2e-utils'
describe('react version', () => {
const { next } = nextTestSetup({
files: __dirname,
})
it('should use react-server condition for app router server components pages', async () => {
const rscPagesRoutes = ['/app/server', '/app/server-edge']
for (const route of rscPagesRoutes) {
const $ = await next.render$(route)
expect($('#react-export-condition').text()).toBe('react-server')
expect($('#react-dom-export-condition').text()).toBe('react-server')
}
})
it('should use react-server condition for app router client components pages', async () => {
const rscPagesRoutes = ['/app/client', '/app/client-edge']
for (const route of rscPagesRoutes) {
const $ = await next.render$(route)
expect($('#react-export-condition').text()).toBe('default')
expect($('#react-dom-export-condition').text()).toBe('default')
}
})
it('should use react-server condition for app router custom routes', async () => {
const customRoutes = ['/app/route', '/app/route-edge']
for (const route of customRoutes) {
const res = await next.fetch(route)
const json = await res.json()
expect(json.react).toBe('react-server')
expect(json.reactDom).toBe('react-server')
}
})
it('should use default react condition for pages router pages', async () => {
const pagesRoutes = ['/pages-ssr', '/pages-ssr-edge']
for (const route of pagesRoutes) {
const $ = await next.render$(route)
expect($('#react-export-condition').text()).toBe('default')
expect($('#react-dom-export-condition').text()).toBe('default')
}
})
it('should use default react condition for pages router apis', async () => {
const pagesRoutes = [
'/api/pages-api',
'/api/pages-api-edge',
'/api/pages-api-edge-url-dep',
]
for (const route of pagesRoutes) {
const res = await next.fetch(route)
const json = await res.json()
expect(json.react).toBe('default')
expect(json.reactDom).toBe('default')
}
})
})