rsnext/test/development/acceptance-app/version-staleness.test.ts
Leah c1c3675fc4
refactor tests for readability (#51051)
You'll probably want to disable whitespace in the diff

## Description

This allows for better editor support by using `describe` or functions called `describe` with the same syntax instead of custom names.

Changes:
- `nextTestSetup` can be used instead of `createNextDescribe` keeping the same behaviour but being called inside a `describe` "block" (not applied everywhere)
- `getSnapshotTestDescribe` replaced with a custom `describe.each`
- `sandbox` helper function for `acceptance`/`acceptance-app` merged into a single shared one
- `outdent` to remove the indent from inline files in tests which helps with consistent snapshots
2023-06-21 19:47:21 +00:00

117 lines
3 KiB
TypeScript

/* eslint-env jest */
import { sandbox } from 'development-sandbox'
import { FileRef, nextTestSetup } from 'e2e-utils'
import path from 'path'
import { outdent } from 'outdent'
describe.skip('Error Overlay version staleness', () => {
const { next } = nextTestSetup({
files: new FileRef(path.join(__dirname, 'fixtures', 'default-template')),
dependencies: {
react: 'latest',
'react-dom': 'latest',
},
skipStart: true,
})
it('should show version staleness in runtime error', async () => {
// Set next to outdated version
const nextPackageJson = JSON.parse(
await next.readFile('node_modules/next/package.json')
)
nextPackageJson.version = '1.0.0'
const { browser, session, cleanup } = await sandbox(
next,
new Map([
['node_modules/next/package.json', JSON.stringify(nextPackageJson)],
])
)
await session.patch(
'app/page.js',
outdent`
"use client"
import Component from '../index'
export default function Page() {
setTimeout(() => {
throw new Error("runtime error")
}, 0)
return null
}
`
)
await session.waitForAndOpenRuntimeError()
expect(
await browser
.waitForElementByCss('.nextjs-container-build-error-version-status')
.text()
).toMatchInlineSnapshot(`"Next.js (1.0.0) is outdated (learn more)"`)
await cleanup()
})
it('should show version staleness in render error', async () => {
// Set next to outdated version
const nextPackageJson = JSON.parse(
await next.readFile('node_modules/next/package.json')
)
nextPackageJson.version = '2.0.0'
const { browser, session, cleanup } = await sandbox(
next,
new Map([
['node_modules/next/package.json', JSON.stringify(nextPackageJson)],
])
)
await session.patch(
'app/page.js',
outdent`
export default function Page() {
throw new Error("render error")
return null
}
`
)
expect(
await browser
.waitForElementByCss('.nextjs-container-build-error-version-status')
.text()
).toMatchInlineSnapshot(`"Next.js (2.0.0) is outdated (learn more)"`)
await cleanup()
})
it('should show version staleness in build error', async () => {
// Set next to outdated version
const nextPackageJson = JSON.parse(
await next.readFile('node_modules/next/package.json')
)
nextPackageJson.version = '3.0.0'
const { browser, session, cleanup } = await sandbox(
next,
new Map([
['node_modules/next/package.json', JSON.stringify(nextPackageJson)],
])
)
await session.patch(
'app/page.js',
outdent`
{{{
`
)
expect(
await browser
.waitForElementByCss('.nextjs-container-build-error-version-status')
.text()
).toMatchInlineSnapshot(`"Next.js (3.0.0) is outdated (learn more)"`)
await cleanup()
})
})