Test for unused css modules with layout

test/e2e/app-dir/app/app/css/css-page/unused-nested/inner/page.js

@@ -0,0 +1,3 @@
+export default function Inner() {
+  return <p>Inner Page</p>
+}

test/e2e/app-dir/app/app/css/css-page/unused-nested/layout.js

@@ -0,0 +1,10 @@
+import { layout } from './styles'
+
+export default function ServerLayout({ children }) {
+  return (
+    <>
+      <p className={layout.mod}>Layout</p>
+      {children}
+    </>
+  )
+}

test/e2e/app-dir/app/app/css/css-page/unused-nested/only-used-in-first-page.module.css

@@ -0,0 +1,3 @@
+.this_should_not_be_included_in_inner_path {
+  color: wheat;
+}

test/e2e/app-dir/app/app/css/css-page/unused-nested/only-used-in-layout.module.css

@@ -0,0 +1,3 @@
+.mod {
+  color: tomato;
+}

test/e2e/app-dir/app/app/css/css-page/unused-nested/page.js

@@ -0,0 +1,5 @@
+import { page } from './styles'
+
+export default function Page() {
+  return <p className={page.this_should_not_be_included_in_inner_path}>Page</p>
+}

test/e2e/app-dir/app/app/css/css-page/unused-nested/styles.js

@@ -0,0 +1,4 @@
+import layout from './only-used-in-layout.module.css'
+import page from './only-used-in-first-page.module.css'
+
+export { layout, page }

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

@@ -1189,13 +1189,26 @@ describe('app dir', () => {
 
         if (!isDev) {
           it('should not include unused css modules in the page in prod', async () => {
-            const browser = await webdriver(next.url, '/css/css-page')
+            const browser = await webdriver(next.url, '/css/css-page/unused')
             expect(
               await browser.eval(
                 `[...document.styleSheets].some(({ rules }) => [...rules].some(rule => rule.selectorText.includes('this_should_not_be_included')))`
               )
             ).toBe(false)
           })
+
+          // TODO-APP: Should not include unused css modules in pages
+          it.skip('should not include unused css modules in nested pages in prod', async () => {
+            const browser = await webdriver(
+              next.url,
+              '/css/css-page/unused-nested/inner'
+            )
+            expect(
+              await browser.eval(
+                `[...document.styleSheets].some(({ rules }) => [...rules].some(rule => rule.selectorText.includes('this_should_not_be_included_in_inner_path')))`
+              )
+            ).toBe(false)
+          })
         }
       })