first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/development/next-font/build-errors.test.ts
+++ b/test/development/next-font/build-errors.test.ts
@@ -0,0 +1,80 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'e2e-utils'
+import { join } from 'path'
+import webdriver from 'next-webdriver'
+import {
+  waitForRedbox,
+  waitForNoRedbox,
+  getRedboxSource,
+} from 'next-test-utils'
+
+// TODO: The error overlay is not closed when restoring the working code.
+describe.skip('next/font build-errors', () => {
+  let next: NextInstance
+
+  beforeAll(async () => {
+    next = await createNext({
+      files: new FileRef(join(__dirname, 'build-errors')),
+    })
+  })
+  afterAll(() => next.destroy())
+
+  it('should show a next/font error when input is wrong', async () => {
+    const browser = await webdriver(next.url, '/')
+    const content = await next.readFile('app/page.js')
+
+    await next.patchFile(
+      'app/page.js',
+      `
+import localFont from 'next/font/local'
+
+const font = localFont()
+
+export default function Page() {
+  return <p className={font.className}>Hello world!</p>
+}
+`
+    )
+
+    await waitForRedbox(browser)
+    expect(await getRedboxSource(browser)).toMatchInlineSnapshot(`
+      "app/page.js
+      \`next/font\` error:
+      Missing required \`src\` property"
+    `)
+
+    await next.patchFile('app/page.js', content)
+    await waitForNoRedbox(browser)
+  })
+
+  it("should show a module not found error if local font file can' be resolved", async () => {
+    const browser = await webdriver(next.url, '/')
+    const content = await next.readFile('app/page.js')
+
+    await next.patchFile(
+      'app/page.js',
+      `
+import localFont from 'next/font/local'
+
+const font = localFont({ src: './boom.woff2'})
+
+export default function Page() {
+  return <p className={font.className}>Hello world!</p>
+}
+`
+    )
+
+    await waitForRedbox(browser)
+    const sourceLines = (await getRedboxSource(browser)).split('\n')
+
+    // Should display the file name correctly
+    expect(sourceLines[0]).toEqual('app/page.js')
+    // Should be module not found error
+    expect(sourceLines[1]).toEqual(
+      "Module not found: Can't resolve './boom.woff2'"
+    )
+
+    await next.patchFile('app/page.js', content)
+    await waitForNoRedbox(browser)
+  })
+})
--- a/test/development/next-font/build-errors/app/layout.js
+++ b/test/development/next-font/build-errors/app/layout.js
@@ -0,0 +1,8 @@
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head></head>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/development/next-font/build-errors/app/page.js
+++ b/test/development/next-font/build-errors/app/page.js
@@ -0,0 +1,3 @@
+export default function Page() {
+  return 'Hello world'
+}
--- a/test/development/next-font/build-errors/next.config.js
+++ b/test/development/next-font/build-errors/next.config.js
@@ -0,0 +1 @@
+module.exports = {}
--- a/test/development/next-font/deprecated-package.test.ts
+++ b/test/development/next-font/deprecated-package.test.ts
@@ -0,0 +1,44 @@
+/* eslint-env jest */
+import { nextTestSetup } from 'e2e-utils'
+import { check } from 'next-test-utils'
+
+describe('Deprecated @next/font warning', () => {
+  const { next, skipped } = nextTestSetup({
+    files: {
+      'pages/index.js': '',
+    },
+    dependencies: {
+      '@next/font': 'canary',
+    },
+    skipStart: true,
+  })
+  if (skipped) return
+
+  it('should warn if @next/font is in deps', async () => {
+    await next.start()
+    await check(() => next.cliOutput, /ready/i)
+    await check(
+      () => next.cliOutput,
+      new RegExp('please use the built-in `next/font` instead')
+    )
+
+    await next.stop()
+    await next.clean()
+  })
+
+  it('should not warn if @next/font is not in deps', async () => {
+    // Remove @next/font from deps
+    const packageJson = JSON.parse(await next.readFile('package.json'))
+    delete packageJson.dependencies['@next/font']
+    await next.patchFile('package.json', JSON.stringify(packageJson))
+
+    await next.start()
+    await check(() => next.cliOutput, /ready/i)
+    expect(next.cliOutput).not.toInclude(
+      'please use the built-in `next/font` instead'
+    )
+
+    await next.stop()
+    await next.clean()
+  })
+})
--- a/test/development/next-font/font-loader-in-document-error.test.ts
+++ b/test/development/next-font/font-loader-in-document-error.test.ts
@@ -0,0 +1,43 @@
+import { createNext, FileRef } from 'e2e-utils'
+import { NextInstance } from 'e2e-utils'
+import { waitForRedbox, getRedboxSource } from 'next-test-utils'
+import webdriver from 'next-webdriver'
+import { join } from 'path'
+
+describe('font-loader-in-document-error', () => {
+  let next: NextInstance
+
+  beforeAll(async () => {
+    next = await createNext({
+      files: {
+        pages: new FileRef(join(__dirname, 'font-loader-in-document/pages')),
+      },
+    })
+  })
+  afterAll(() => next.destroy())
+
+  test('next/font inside _document', async () => {
+    const browser = await webdriver(next.url, '/')
+    await waitForRedbox(browser)
+    if (process.env.IS_TURBOPACK_TEST) {
+      // TODO: Turbopack doesn't include pages/
+      expect(await getRedboxSource(browser)).toMatchInlineSnapshot(`
+        "./_document.js
+        next/font: error:
+        Cannot be used within _document.js"
+      `)
+    } else if (process.env.NEXT_RSPACK) {
+      expect(await getRedboxSource(browser)).toMatchInlineSnapshot(`
+       "pages/_document.js
+         × \`next/font\` error:
+         │ Cannot be used within pages/_document.js."
+      `)
+    } else {
+      expect(await getRedboxSource(browser)).toMatchInlineSnapshot(`
+              "pages/_document.js
+              \`next/font\` error:
+              Cannot be used within pages/_document.js."
+          `)
+    }
+  })
+})
--- a/test/development/next-font/font-loader-in-document/pages/_document.js
+++ b/test/development/next-font/font-loader-in-document/pages/_document.js
@@ -0,0 +1,17 @@
+import { Html, Head, Main, NextScript } from 'next/document'
+import { Abel } from 'next/font/google'
+
+// eslint-disable-next-line no-unused-vars
+const abel = Abel({ weight: '400' })
+
+export default function Document() {
+  return (
+    <Html>
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  )
+}
--- a/test/development/next-font/font-loader-in-document/pages/index.js
+++ b/test/development/next-font/font-loader-in-document/pages/index.js
@@ -0,0 +1,3 @@
+export default function Index() {
+  return <p>Hello world</p>
+}