next.js/test/development/acceptance-app/version-staleness.test.ts at zt/sync-react · correasebastian/next.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/* eslint-env jest */
import { sandbox } from 'development-sandbox'
import { FileRef, nextTestSetup } from 'e2e-utils'
import path from 'path'
import { outdent } from 'outdent'
import { BrowserInterface } from 'next-webdriver'

function getStaleness(browser: BrowserInterface) {
  return browser
    .waitForElementByCss('.nextjs-container-build-error-version-status')
    .text()
}

describe('Error Overlay version staleness', () => {
  const { next } = nextTestSetup({
    files: new FileRef(path.join(__dirname, 'fixtures', 'default-template')),
    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()

    if (process.env.TURBOPACK) {
      expect(await getStaleness(browser)).toMatchInlineSnapshot(
        `"Next.js (1.0.0) is outdated (learn more) (turbo)"`
      )
    } else {
      expect(await getStaleness(browser)).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
        }
      `
    )

    if (process.env.TURBOPACK) {
      expect(await getStaleness(browser)).toMatchInlineSnapshot(
        `"Next.js (2.0.0) is outdated (learn more) (turbo)"`
      )
    } else {
      expect(await getStaleness(browser)).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`
        {{{
      `
    )

    if (process.env.TURBOPACK) {
      expect(await getStaleness(browser)).toMatchInlineSnapshot(
        `"Next.js (3.0.0) is outdated (learn more) (turbo)"`
      )
    } else {
      expect(await getStaleness(browser)).toMatchInlineSnapshot(
        `"Next.js (3.0.0) is outdated (learn more)"`
      )
    }

    await cleanup()
  })
})