mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
ed41ac1a74
1. Fixed the incremental update bug in buildChunkGraph. 2. Fixed a bug in Rspack's built-in CssChunkingPlugin. For detailed release information, please see https://github.com/web-infra-dev/rspack/releases. Note: All the faulty Rspack test cases on GitHub, from what I can see, either time out or also produce errors in Rspack version 1.5.0. --------- Co-authored-by: Benjamin Woodruff <[email protected]>
318 lines
9.3 KiB
TypeScript
318 lines
9.3 KiB
TypeScript
import { createSandbox } from 'development-sandbox'
|
||
import { FileRef, nextTestSetup } from 'e2e-utils'
|
||
import { outdent } from 'outdent'
|
||
import path from 'path'
|
||
|
||
describe('ReactRefreshLogBox', () => {
|
||
const { isTurbopack, next, isRspack } = nextTestSetup({
|
||
files: new FileRef(path.join(__dirname, 'fixtures', 'default-template')),
|
||
skipStart: true,
|
||
})
|
||
|
||
// Module trace is only available with webpack 5
|
||
test('Node.js builtins', async () => {
|
||
await using sandbox = await createSandbox(
|
||
next,
|
||
new Map([
|
||
[
|
||
'node_modules/my-package/index.js',
|
||
outdent`
|
||
const dns = require('dns')
|
||
module.exports = dns
|
||
`,
|
||
],
|
||
[
|
||
'node_modules/my-package/package.json',
|
||
outdent`
|
||
{
|
||
"name": "my-package",
|
||
"version": "0.0.1"
|
||
}
|
||
`,
|
||
],
|
||
])
|
||
)
|
||
const { browser, session } = sandbox
|
||
await session.patch(
|
||
'index.js',
|
||
outdent`
|
||
import pkg from 'my-package'
|
||
|
||
export default function Hello() {
|
||
return (pkg ? <h1>Package loaded</h1> : <h1>Package did not load</h1>)
|
||
}
|
||
`
|
||
)
|
||
|
||
if (isTurbopack) {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'dns'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./node_modules/my-package/index.js (1:13)
|
||
Module not found: Can't resolve 'dns'
|
||
> 1 | const dns = require('dns')
|
||
| ^^^^^^^^^^^^^^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else if (isRspack) {
|
||
await expect({ browser, next }).toDisplayRedbox(`
|
||
{
|
||
"description": " × Module not found: Can't resolve 'dns' in '<FIXME-project-root>/node_modules/my-package'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./node_modules/my-package/index.js
|
||
× Module not found: Can't resolve 'dns' in '<FIXME-project-root>/node_modules/my-package'
|
||
╭─[1:12]
|
||
1 │ const dns = require('dns')
|
||
· ──────────────
|
||
2 │ module.exports = dns
|
||
╰────
|
||
Import trace for requested module:
|
||
./node_modules/my-package/index.js
|
||
./index.js",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'dns'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./node_modules/my-package/index.js (1:1)
|
||
Module not found: Can't resolve 'dns'
|
||
> 1 | const dns = require('dns')
|
||
| ^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
}
|
||
})
|
||
|
||
test('Module not found', async () => {
|
||
await using sandbox = await createSandbox(next)
|
||
const { browser, session } = sandbox
|
||
|
||
await session.patch(
|
||
'index.js',
|
||
outdent`
|
||
import Comp from 'b'
|
||
|
||
export default function Oops() {
|
||
return (
|
||
<div>
|
||
<Comp>lol</Comp>
|
||
</div>
|
||
)
|
||
}
|
||
`
|
||
)
|
||
|
||
if (isTurbopack) {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'b'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./index.js (1:1)
|
||
Module not found: Can't resolve 'b'
|
||
> 1 | import Comp from 'b'
|
||
| ^^^^^^^^^^^^^^^^^^^^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else if (isRspack) {
|
||
await expect({ browser, next }).toDisplayRedbox(`
|
||
{
|
||
"description": " × Module not found: Can't resolve 'b' in '<FIXME-project-root>'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./index.js
|
||
× Module not found: Can't resolve 'b' in '<FIXME-project-root>'
|
||
╭─[2:0]
|
||
1 │ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
||
2 │ import Comp from 'b';
|
||
· ─────────────────────
|
||
3 │ export default function Oops() {
|
||
4 │ return /*#__PURE__*/ _jsxDEV("div", {
|
||
╰────
|
||
Import trace for requested module:
|
||
./index.js
|
||
./pages/index.js",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'b'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./index.js (1:1)
|
||
Module not found: Can't resolve 'b'
|
||
> 1 | import Comp from 'b'
|
||
| ^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
}
|
||
})
|
||
|
||
test('Module not found (empty import trace)', async () => {
|
||
await using sandbox = await createSandbox(next)
|
||
const { browser, session } = sandbox
|
||
|
||
await session.patch(
|
||
'pages/index.js',
|
||
outdent`
|
||
import Comp from 'b'
|
||
|
||
export default function Oops() {
|
||
return (
|
||
<div>
|
||
<Comp>lol</Comp>
|
||
</div>
|
||
)
|
||
}
|
||
`
|
||
)
|
||
|
||
if (isTurbopack) {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'b'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/index.js (1:1)
|
||
Module not found: Can't resolve 'b'
|
||
> 1 | import Comp from 'b'
|
||
| ^^^^^^^^^^^^^^^^^^^^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else if (isRspack) {
|
||
await expect({ browser, next }).toDisplayRedbox(`
|
||
{
|
||
"description": " × Module not found: Can't resolve 'b' in '<FIXME-project-root>/pages'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/index.js
|
||
× Module not found: Can't resolve 'b' in '<FIXME-project-root>/pages'
|
||
╭─[2:0]
|
||
1 │ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
||
2 │ import Comp from 'b';
|
||
· ─────────────────────
|
||
3 │ export default function Oops() {
|
||
4 │ return /*#__PURE__*/ _jsxDEV("div", {
|
||
╰────
|
||
Import trace for requested module:
|
||
./pages/index.js",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve 'b'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/index.js (1:1)
|
||
Module not found: Can't resolve 'b'
|
||
> 1 | import Comp from 'b'
|
||
| ^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
}
|
||
})
|
||
|
||
test('Module not found (missing global CSS)', async () => {
|
||
await using sandbox = await createSandbox(
|
||
next,
|
||
new Map([
|
||
[
|
||
'pages/_app.js',
|
||
outdent`
|
||
import './non-existent.css'
|
||
|
||
export default function App({ Component, pageProps }) {
|
||
return <Component {...pageProps} />
|
||
}
|
||
`,
|
||
],
|
||
[
|
||
'pages/index.js',
|
||
outdent`
|
||
export default function Page(props) {
|
||
return <p>index page</p>
|
||
}
|
||
`,
|
||
],
|
||
])
|
||
)
|
||
const { browser, session } = sandbox
|
||
|
||
if (isTurbopack) {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve './non-existent.css'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/_app.js (1:1)
|
||
Module not found: Can't resolve './non-existent.css'
|
||
> 1 | import './non-existent.css'
|
||
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else if (isRspack) {
|
||
await expect({ browser, next }).toDisplayRedbox(`
|
||
{
|
||
"description": " × Module not found: Can't resolve './non-existent.css' in '<FIXME-project-root>/pages'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/_app.js
|
||
× Module not found: Can't resolve './non-existent.css' in '<FIXME-project-root>/pages'
|
||
╭─[2:0]
|
||
1 │ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
|
||
2 │ import './non-existent.css';
|
||
· ────────────────────────────
|
||
3 │ export default function App({ Component, pageProps }) {
|
||
4 │ return /*#__PURE__*/ _jsxDEV(Component, {
|
||
╰────",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
} else {
|
||
await expect(browser).toDisplayRedbox(`
|
||
{
|
||
"description": "Module not found: Can't resolve './non-existent.css'",
|
||
"environmentLabel": null,
|
||
"label": "Build Error",
|
||
"source": "./pages/_app.js (1:1)
|
||
Module not found: Can't resolve './non-existent.css'
|
||
> 1 | import './non-existent.css'
|
||
| ^",
|
||
"stack": [],
|
||
}
|
||
`)
|
||
}
|
||
|
||
await session.patch(
|
||
'pages/_app.js',
|
||
outdent`
|
||
export default function App({ Component, pageProps }) {
|
||
return <Component {...pageProps} />
|
||
}
|
||
`
|
||
)
|
||
await session.waitForNoRedbox()
|
||
expect(
|
||
await session.evaluate(() => document.documentElement.innerHTML)
|
||
).toContain('index page')
|
||
})
|
||
})
|