fix(nextjs): adjust generated CSS-in-JS to match latest Next.js recom…

…mendations (#17294)
nrwl · May 30, 2023 · a7c6d5a · a7c6d5a · vercel · May 30, 2023
1 parent 911f753
commit a7c6d5a
Show file tree

Hide file tree

Showing 11 changed files with 420 additions and 135 deletions.
diff --git a/e2e/next/src/next-appdir.test.ts b/e2e/next/src/next-appdir.test.ts
@@ -1,18 +1,11 @@
 import {
   cleanupProject,
-  isNotWindows,
-  killPorts,
   newProject,
   runCLI,
-  runCommandUntil,
-  tmpProjPath,
   uniq,
   updateFile,
 } from '@nx/e2e/utils';
-import { getData } from 'ajv/dist/compile/validate';
-import { detectPackageManager } from 'nx/src/utils/package-manager';
 import { checkApp } from './utils';
-import { p } from 'vitest/dist/types-b7007192';
 
 describe('Next.js App Router', () => {
   let proj: string;

diff --git a/e2e/next/src/next-styles.test.ts b/e2e/next/src/next-styles.test.ts
@@ -58,6 +58,19 @@ describe('Next.js apps', () => {
       checkExport: false,
     });
 
+    const scAppWithAppRouter = uniq('app');
+
+    runCLI(
+      `generate @nx/next:app ${scAppWithAppRouter} --no-interactive --style=styled-components --appDir=true`
+    );
+
+    await checkApp(scAppWithAppRouter, {
+      checkUnitTest: false, // No unit tests for app router
+      checkLint: false,
+      checkE2E: false,
+      checkExport: false,
+    });
+
     const emotionApp = uniq('app');
 
     runCLI(