vercel · lukesandberg · Jul 16, 2025 · Jul 10, 2025 · Jul 15, 2025 · Jul 15, 2025
diff --git a/test/e2e/app-dir/initial-css-not-found/app/(default)/layout.tsx b/test/e2e/app-dir/initial-css-not-found/app/(default)/layout.tsx
@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react'
+import styles from '../styles.module.css'
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body className={styles.foo}>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/initial-css-not-found/app/(default)/page.tsx b/test/e2e/app-dir/initial-css-not-found/app/(default)/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+  return <p>hello world</p>
+}
diff --git a/test/e2e/app-dir/initial-css-not-found/app/layout.tsx b/test/e2e/app-dir/initial-css-not-found/app/layout.tsx
@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react'
+
+export default function Layout({ children }: { children: ReactNode }) {
+  return children
+}
diff --git a/test/e2e/app-dir/initial-css-not-found/app/not-found.tsx b/test/e2e/app-dir/initial-css-not-found/app/not-found.tsx
@@ -0,0 +1,18 @@
+import styles from './styles.module.css'
+
+/**
+ * The mere existence of a not found page importing the same css as a layout used to prevent it from being served.
+ *
+ * See https://github.com/vercel/next.js/issues/77861 and https://github.com/vercel/next.js/issues/79535
+ */
+export default function NotFoundPage() {
+  return (
+    <html lang="en">
+      <body className={styles.foo}>
+        <main>
+          <h1>Page not found</h1>
+        </main>
+      </body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/initial-css-not-found/app/styles.module.css b/test/e2e/app-dir/initial-css-not-found/app/styles.module.css
@@ -0,0 +1,3 @@
+.foo {
+  color: red;
+}
diff --git a/test/e2e/app-dir/initial-css-not-found/initial-css-not-found.test.ts b/test/e2e/app-dir/initial-css-not-found/initial-css-not-found.test.ts
@@ -0,0 +1,24 @@
+import { nextTestSetup } from 'e2e-utils'
+
+describe('initial-css-not-found', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  // Regression test for a bug where the existence of a not-found page would prevent the css from being discovered.
+  // See https://github.com/vercel/next.js/issues/77861 and https://github.com/vercel/next.js/issues/79535
+  it('should serve styles', async () => {
+    const browser = await next.browser('/')
+
+    expect(
+      await browser.eval(
+        `window.getComputedStyle(document.querySelector('body')).color`
+      )
+    ).toBe(
+      // This only fails in production turbopack builds
+      process.env.IS_TURBOPACK_TEST && process.env.NEXT_TEST_MODE !== 'dev'
+        ? 'rgb(0, 0, 0)'
+        : 'rgb(255, 0, 0)'
+    )
+  })
+})
diff --git a/test/e2e/app-dir/initial-css-not-found/next.config.js b/test/e2e/app-dir/initial-css-not-found/next.config.js
@@ -0,0 +1,6 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {}
+
+module.exports = nextConfig