feat(storybook): get port of storybook and give it to cypress

ISSUES CLOSED: nrwl#3953
mandarini · Dec 15, 2022 · c967123 · c967123
1 parent c051a27
commit c967123
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 2 deletions.
diff --git a/packages/storybook/presets/cypress.ts b/packages/storybook/presets/cypress.ts
@@ -1,6 +1,16 @@
-import { nxE2EPreset } from '@nrwl/cypress/plugins/cypress-preset';
+import {
+  nxE2EPreset,
+  getProjectConfigByPath,
+} from '@nrwl/cypress/plugins/cypress-preset';
+import { ProjectGraph, readCachedProjectGraph } from '@nrwl/devkit';
 
 export function nxE2EStorybookPreset(filePath: string) {
+  let graph = readCachedProjectGraph();
+
+  const projectConfig = getProjectConfigByPath(graph, filePath);
+
+  const projectName = projectConfig.name;
+
   return {
     ...nxE2EPreset(filePath),
     baseUrl: 'http://localhost:4400',

diff --git a/packages/storybook/src/executors/storybook/storybook.impl.ts b/packages/storybook/src/executors/storybook/storybook.impl.ts
@@ -42,6 +42,25 @@ export default async function* storybookExecutor(
 function runInstance(options: StorybookExecutorOptions) {
   const env = process.env.NODE_ENV ?? 'development';
   process.env.NODE_ENV = env;
+  const originalConsoleLog = console.log;
+  console.log = function (...args) {
+    const localhostString = 'http://localhost:';
+    if (args[0].includes(localhostString)) {
+      const indexOfLocalHost = args[0].indexOf(localhostString);
+      console.info(
+        args[0].slice(
+          indexOfLocalHost + localhostString.length,
+          indexOfLocalHost + localhostString.length + 4
+        ),
+        indexOfLocalHost
+      );
+      process.env.NXPORT = args[0].slice(
+        indexOfLocalHost + localhostString.length,
+        indexOfLocalHost + localhostString.length + 4
+      );
+    }
+    originalConsoleLog.apply(console, args);
+  };
   return buildDev({
     ...options,
     configType: env.toUpperCase(),

diff --git a/packages/storybook/src/generators/cypress-project/files/cypress.config.ts__tpl__ b/packages/storybook/src/generators/cypress-project/files/cypress.config.ts__tpl__
@@ -2,5 +2,5 @@ import { defineConfig } from 'cypress';
 import { nxE2EStorybookPreset } from '@nrwl/storybook/presets/cypress';
 
 export default defineConfig({
-  e2e: nxE2EStorybookPreset(__dirname)
+  e2e: nxE2EStorybookPreset(__filename)
 });