Add test case for #48583 and ignore hot-update scripts (#48587)

Add a test case for #48583.

packages/next/src/build/webpack/plugins/flight-manifest-plugin.ts

@@ -263,6 +263,8 @@ export class ClientReferenceManifestPlugin {
                 // It's possible that a chunk also emits CSS files, that will
                 // be handled separatedly.
                 if (!file.endsWith('.js')) return null
+                if (file.endsWith('.hot-update.js')) return null
+
                 return requiredChunk.id + ':' + file
               })
             })

test/e2e/app-dir/dynamic/app/chunk-loading/comp.js

@@ -0,0 +1,5 @@
+'use client'
+
+export default function () {
+  return <h1>hello</h1>
+}

test/e2e/app-dir/dynamic/app/chunk-loading/page.js

@@ -0,0 +1,11 @@
+// This file is needed for the test, to ensure that the "comp.js" module is
+// created as a dynamic import chunk.
+
+'use client'
+
+export default function Page() {
+  import('./comp').then((m) => {
+    console.log(m)
+  })
+  return null
+}

test/e2e/app-dir/dynamic/app/chunk-loading/server/page.js

@@ -0,0 +1,5 @@
+import Comp from '../comp'
+
+export default function Page() {
+  return <Comp />
+}

test/e2e/app-dir/dynamic/dynamic.test.ts

@@ -52,5 +52,10 @@ createNextDescribe(
         await browser.elementByCss('#css-text-dynamic-no-ssr-client').text()
       ).toBe('next-dynamic dynamic no ssr on client:suffix')
     })
+
+    it('should generate correct client manifest for dynamic chunks', async () => {
+      const $ = await next.render$('/chunk-loading/server')
+      expect($('h1').text()).toBe('hello')
+    })
   }
 )