first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/integration/app-document-import-order/next.config.js
+++ b/test/integration/app-document-import-order/next.config.js
@@ -0,0 +1,37 @@
+module.exports = {
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      const optimization = config.optimization || {}
+      const splitChunks = optimization.splitChunks || {}
+      const cacheGroups = splitChunks.cacheGroups || {}
+
+      config.optimization = {
+        ...optimization,
+        splitChunks: {
+          ...splitChunks,
+          cacheGroups: {
+            ...cacheGroups,
+            requiredByApp: {
+              test: /requiredByApp.js/,
+              name: 'requiredByApp',
+              enforce: true,
+              priority: 10,
+              chunks: 'all',
+              filename: 'static/chunks/[name].[chunkhash].js',
+            },
+            requiredByPage: {
+              test: /requiredByPage.js/,
+              name: 'requiredByPage',
+              enforce: true,
+              priority: 10,
+              chunks: 'all',
+              filename: 'static/chunks/[name].[chunkhash].js',
+            },
+          },
+        },
+      }
+    }
+
+    return config
+  },
+}
--- a/test/integration/app-document-import-order/pages/_app.js
+++ b/test/integration/app-document-import-order/pages/_app.js
@@ -0,0 +1,16 @@
+import React from 'react'
+import RequiredByApp from '../requiredByApp'
+import sideEffect from '../sideEffectModule'
+
+sideEffect('_app')
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <React.Fragment>
+      <RequiredByApp />
+      <Component {...pageProps} />
+    </React.Fragment>
+  )
+}
+
+export default MyApp
--- a/test/integration/app-document-import-order/pages/_document.js
+++ b/test/integration/app-document-import-order/pages/_document.js
@@ -0,0 +1,28 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document'
+import sideEffect from '../sideEffectModule'
+
+sideEffect('_document')
+
+class MyDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx)
+
+    return {
+      ...initialProps,
+    }
+  }
+
+  render() {
+    return (
+      <Html>
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
+
+export default MyDocument
--- a/test/integration/app-document-import-order/pages/index.js
+++ b/test/integration/app-document-import-order/pages/index.js
@@ -0,0 +1,22 @@
+import sideEffect from '../sideEffectModule'
+import RequiredByPage from '../requiredByPage'
+
+const sideEffects = sideEffect('page')
+
+function Hi() {
+  return (
+    <div>
+      <RequiredByPage />
+      <p>Hello world!</p>
+      {sideEffects.map((arg, index) => (
+        <p key={arg} className="side-effect-calls">
+          {arg}
+        </p>
+      ))}
+    </div>
+  )
+}
+
+Hi.getInitialProps = () => ({})
+
+export default Hi
--- a/test/integration/app-document-import-order/requiredByApp.js
+++ b/test/integration/app-document-import-order/requiredByApp.js
@@ -0,0 +1,9 @@
+function RequiredByApp() {
+  return (
+    <div>
+      <p>RequiredByApp!</p>
+    </div>
+  )
+}
+
+export default RequiredByApp
--- a/test/integration/app-document-import-order/requiredByPage.js
+++ b/test/integration/app-document-import-order/requiredByPage.js
@@ -0,0 +1,9 @@
+function RequiredByPage() {
+  return (
+    <div>
+      <p>RequiredByPage</p>
+    </div>
+  )
+}
+
+export default RequiredByPage
--- a/test/integration/app-document-import-order/sideEffectModule.js
+++ b/test/integration/app-document-import-order/sideEffectModule.js
@@ -0,0 +1,10 @@
+const sideEffect = (arg) => {
+  if (!sideEffect.callArguments) {
+    sideEffect.callArguments = []
+  }
+  sideEffect.callArguments.push(arg)
+
+  return sideEffect.callArguments
+}
+
+export default sideEffect
--- a/test/integration/app-document-import-order/test/index.test.ts
+++ b/test/integration/app-document-import-order/test/index.test.ts
@@ -0,0 +1,107 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import cheerio from 'cheerio'
+import {
+  nextBuild,
+  fetchViaHTTP,
+  findPort,
+  launchApp,
+  killApp,
+  nextStart,
+} from 'next-test-utils'
+
+const appDir = join(__dirname, '../')
+let appPort
+let app
+
+const respectsSideEffects = async () => {
+  const res = await fetchViaHTTP(appPort, '/')
+  const html = await res.text()
+  const $ = cheerio.load(html)
+
+  const expectSideEffectsOrder = ['_document', '_app', 'page']
+
+  const sideEffectCalls = $('.side-effect-calls')
+
+  Array.from(sideEffectCalls).forEach((sideEffectCall, index) => {
+    expect($(sideEffectCall).text()).toEqual(expectSideEffectsOrder[index])
+  })
+}
+
+const respectsChunkAttachmentOrder = async () => {
+  const res = await fetchViaHTTP(appPort, '/')
+  const html = await res.text()
+  const $ = cheerio.load(html)
+
+  const requiredByRegex = /^\/_next\/static\/chunks\/(requiredBy\w*).*\.js/
+  const chunks = Array.from($('head').contents())
+    .filter(
+      (child) =>
+        child.type === 'script' &&
+        child.name === 'script' &&
+        child.attribs.src.match(requiredByRegex)
+    )
+    .map((child) => child.attribs.src.match(requiredByRegex)[1])
+
+  const requiredByAppIndex = chunks.indexOf('requiredByApp')
+  const requiredByPageIndex = chunks.indexOf('requiredByPage')
+
+  expect(requiredByAppIndex).toBeLessThan(requiredByPageIndex)
+}
+
+describe('Root components import order', () => {
+  ;(process.env.TURBOPACK_DEV ? describe.skip : describe)(
+    'production mode',
+    () => {
+      beforeAll(async () => {
+        await nextBuild(appDir)
+        appPort = await findPort()
+        app = await nextStart(appDir, appPort)
+      })
+      afterAll(() => killApp(app))
+
+      // Test relies on webpack splitChunks overrides.
+      ;(process.env.IS_TURBOPACK_TEST ? describe.skip : describe)(
+        'Skipped in Turbopack',
+        () => {
+          it(
+            '_app chunks should be attached to de dom before page chunks',
+            respectsChunkAttachmentOrder
+          )
+        }
+      )
+      it(
+        'root components should be imported in this order _document > _app > page in order to respect side effects',
+        respectsSideEffects
+      )
+    }
+  )
+})
+;(process.env.TURBOPACK_BUILD ? describe.skip : describe)(
+  'development mode',
+  () => {
+    beforeAll(async () => {
+      appPort = await findPort()
+      app = await launchApp(join(__dirname, '../'), appPort)
+    })
+
+    afterAll(() => killApp(app))
+
+    it(
+      'root components should be imported in this order _document > _app > page in order to respect side effects',
+      respectsSideEffects
+    )
+
+    // Test relies on webpack splitChunks overrides.
+    ;(process.env.IS_TURBOPACK_TEST ? describe.skip : describe)(
+      'Skipped in Turbopack',
+      () => {
+        it(
+          '_app chunks should be attached to de dom before page chunks',
+          respectsChunkAttachmentOrder
+        )
+      }
+    )
+  }
+)