feat(nextjs): can set compiler when setting up `nxComponentTestingPre…

…set` Currently nextjs only uses the *swa* compiler To use @cypress/code-coverage you need to use *babel*, you can now select which compiler to use. closed nrwl#19131
erenken · Sep 14, 2023 · c1a0442 · c1a0442
1 parent f639883
commit c1a0442
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/cypress/plugins/cypress-preset.ts b/packages/cypress/plugins/cypress-preset.ts
@@ -18,6 +18,7 @@ export interface NxComponentTestingOptions {
    */
   ctTargetName?: string;
   bundler?: 'vite' | 'webpack';
+  compiler?: 'swc' | 'babel';
 }
 
 export function nxBaseCypressPreset(

diff --git a/packages/next/plugins/component-testing.ts b/packages/next/plugins/component-testing.ts
@@ -97,7 +97,7 @@ Able to find CT project, ${!!ctProjectConfig}.`);
     assets: buildAssets,
     outputPath: buildOuputPath,
     outputFileName: 'main.js',
-    compiler: 'swc',
+    compiler: options?.compiler || 'swc',
     tsConfig: join(
       ctExecutorContext.root,
       ctProjectConfig.root,

diff --git a/packages/react/plugins/component-testing/index.ts b/packages/react/plugins/component-testing/index.ts
@@ -156,7 +156,7 @@ export function nxComponentTestingPreset(
     const { buildBaseWebpackConfig } = require('./webpack-fallback');
     webpackConfig = buildBaseWebpackConfig({
       tsConfigPath: findTsConfig(normalizedProjectRootPath),
-      compiler: 'babel',
+      compiler: options?.compiler || 'babel',
     });
   }