define shot items depending on config mode

lost-pixel · Nov 18, 2023 · 32bad90 · 32bad90
1 parent a2eed30
commit 32bad90
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 54 deletions.
diff --git a/src/crawler/histoireScreenshots.ts b/src/crawler/histoireScreenshots.ts
@@ -1,7 +1,7 @@
 import path from 'node:path';
 import axios from 'axios';
 import { log } from '../log';
-import { config } from '../config';
+import { config, isPlatformModeConfig } from '../config';
 import { type ShotItem } from '../types';
 
 type HistoireStory = {
@@ -36,18 +36,16 @@ const generateShotItemsForStory = (
       id: variant.id,
       shotName: variantShotName,
       url: `${baseUrl}/__sandbox.html?storyId=${story.id}&variantId=${variant.id}`,
-      filePathBaseline: path.join(
-        config.imagePathBaseline,
-        `${variantShotName}.png`,
-      ),
+      filePathBaseline: isPlatformModeConfig(config)
+        ? 'not supported'
+        : path.join(config.imagePathBaseline, `${variantShotName}.png`),
       filePathCurrent: path.join(
         config.imagePathCurrent,
         `${variantShotName}.png`,
       ),
-      filePathDifference: path.join(
-        config.imagePathDifference,
-        `${variantShotName}.png`,
-      ),
+      filePathDifference: isPlatformModeConfig(config)
+        ? 'not supported'
+        : path.join(config.imagePathDifference, `${variantShotName}.png`),
       threshold: config.threshold,
     });
   }

diff --git a/src/crawler/ladleScreenshots.ts b/src/crawler/ladleScreenshots.ts
@@ -1,6 +1,6 @@
 import path from 'node:path';
 import axios from 'axios';
-import { config, type Mask } from '../config';
+import { config, isPlatformModeConfig, type Mask } from '../config';
 import type { ShotItem } from '../types';
 import { selectBreakpoints, generateSizeLabel } from '../shots/utils';
 import type { Story } from './storybook';
@@ -30,18 +30,16 @@ export const generateLadleShotItems = (
         ? config.shotNameGenerator({ ...ladleStory, shotMode: 'ladle' })
         : ladleStory.id,
       url: `${ladleUrl}?story=${ladleStory.story}&mode=preview`,
-      filePathBaseline: `${path.join(
-        config.imagePathBaseline,
-        ladleStory.story,
-      )}.png`,
+      filePathBaseline: isPlatformModeConfig(config)
+        ? 'not supported'
+        : `${path.join(config.imagePathBaseline, ladleStory.story)}.png`,
       filePathCurrent: `${path.join(
         config.imagePathCurrent,
         ladleStory.story,
       )}.png`,
-      filePathDifference: `${path.join(
-        config.imagePathDifference,
-        ladleStory.story,
-      )}.png`,
+      filePathDifference: isPlatformModeConfig(config)
+        ? 'not supported'
+        : `${path.join(config.imagePathDifference, ladleStory.story)}.png`,
       threshold: config.threshold,
       mask: mask ?? [],
     };
@@ -60,18 +58,22 @@ export const generateLadleShotItems = (
         breakpoint,
         breakpointGroup: ladleStory.story,
         url: `${ladleUrl}?story=${ladleStory.story}&mode=preview&width=${breakpoint}`,
-        filePathBaseline: `${path.join(
-          config.imagePathBaseline,
-          ladleStory.story,
-        )}${sizeLabel}.png`,
+        filePathBaseline: isPlatformModeConfig(config)
+          ? 'not supported'
+          : `${path.join(
+              config.imagePathBaseline,
+              ladleStory.story,
+            )}${sizeLabel}.png`,
         filePathCurrent: `${path.join(
           config.imagePathCurrent,
           ladleStory.story,
         )}${sizeLabel}.png`,
-        filePathDifference: `${path.join(
-          config.imagePathDifference,
-          ladleStory.story,
-        )}${sizeLabel}.png`,
+        filePathDifference: isPlatformModeConfig(config)
+          ? 'not supported'
+          : `${path.join(
+              config.imagePathDifference,
+              ladleStory.story,
+            )}${sizeLabel}.png`,
         viewport: { width: breakpoint },
       };
     });

diff --git a/src/crawler/pageScreenshots.ts b/src/crawler/pageScreenshots.ts
@@ -2,7 +2,12 @@ import path from 'node:path';
 import axios, { isAxiosError } from 'axios';
 import { z } from 'zod';
 import { log } from '../log';
-import { type Mask, type PageScreenshotParameter, config } from '../config';
+import {
+  type Mask,
+  type PageScreenshotParameter,
+  config,
+  isPlatformModeConfig,
+} from '../config';
 import type { ShotItem } from '../types';
 import { selectBreakpoints, generateSizeLabel } from '../shots/utils';
 
@@ -56,12 +61,13 @@ export const generatePageShotItems = (
         ? config.shotNameGenerator({ ...page, shotMode: 'page' })
         : page.name,
       url: path.join(baseUrl, page.path),
-      filePathBaseline: `${path.join(config.imagePathBaseline, page.name)}.png`,
+      filePathBaseline: isPlatformModeConfig(config)
+        ? 'not supported'
+        : `${path.join(config.imagePathBaseline, page.name)}.png`,
       filePathCurrent: `${path.join(config.imagePathCurrent, page.name)}.png`,
-      filePathDifference: `${path.join(
-        config.imagePathDifference,
-        page.name,
-      )}.png`,
+      filePathDifference: isPlatformModeConfig(config)
+        ? 'not supported'
+        : `${path.join(config.imagePathDifference, page.name)}.png`,
       browserConfig: generateBrowserConfig(page),
       threshold: page.threshold ?? config.threshold,
       waitBeforeScreenshot:
@@ -83,18 +89,19 @@ export const generatePageShotItems = (
         breakpoint,
         breakpointGroup: page.name,
         url: path.join(baseUrl, page.path),
-        filePathBaseline: `${path.join(
-          config.imagePathBaseline,
-          page.name,
-        )}${sizeLabel}.png`,
+        filePathBaseline: isPlatformModeConfig(config)
+          ? 'not supported'
+          : `${path.join(config.imagePathBaseline, page.name)}${sizeLabel}.png`,
         filePathCurrent: `${path.join(
           config.imagePathCurrent,
           page.name,
         )}${sizeLabel}.png`,
-        filePathDifference: `${path.join(
-          config.imagePathDifference,
-          page.name,
-        )}${sizeLabel}.png`,
+        filePathDifference: isPlatformModeConfig(config)
+          ? 'not supported'
+          : `${path.join(
+              config.imagePathDifference,
+              page.name,
+            )}${sizeLabel}.png`,
         viewport: { width: breakpoint },
         browserConfig: generateBrowserConfig({
           ...page,

diff --git a/src/crawler/storybook.ts b/src/crawler/storybook.ts
@@ -3,7 +3,7 @@ import kebabCase from 'lodash.kebabcase';
 import type { BrowserContext } from 'playwright-core';
 import { readFileSync } from 'fs-extra';
 import type { ShotItem } from '../types';
-import { type Mask, config } from '../config';
+import { type Mask, config, isPlatformModeConfig } from '../config';
 import { getBrowser } from '../utils';
 import { log } from '../log';
 import { selectBreakpoints, generateSizeLabel } from '../shots/utils';
@@ -301,12 +301,13 @@ export const generateStorybookShotItems = (
         shotName: story.shotName,
         importPath: story.importPath,
         url: `${iframeUrl}?id=${story.id}&viewMode=story`,
-        filePathBaseline: path.join(config.imagePathBaseline, fileNameWithExt),
+        filePathBaseline: isPlatformModeConfig(config)
+          ? 'not supported'
+          : path.join(config.imagePathBaseline, fileNameWithExt),
         filePathCurrent: path.join(config.imagePathCurrent, fileNameWithExt),
-        filePathDifference: path.join(
-          config.imagePathDifference,
-          fileNameWithExt,
-        ),
+        filePathDifference: isPlatformModeConfig(config)
+          ? 'not supported'
+          : path.join(config.imagePathDifference, fileNameWithExt),
         browserConfig: generateBrowserConfig(story),
         threshold: story.parameters?.lostpixel?.threshold ?? config.threshold,
         waitBeforeScreenshot:
@@ -338,15 +339,13 @@ export const generateStorybookShotItems = (
           shotName: `${story.shotName}${sizeLabel}`,
           breakpoint,
           breakpointGroup: story.id,
-          filePathBaseline: path.join(
-            config.imagePathBaseline,
-            fileNameWithExt,
-          ),
+          filePathBaseline: isPlatformModeConfig(config)
+            ? 'not supported'
+            : path.join(config.imagePathBaseline, fileNameWithExt),
           filePathCurrent: path.join(config.imagePathCurrent, fileNameWithExt),
-          filePathDifference: path.join(
-            config.imagePathDifference,
-            fileNameWithExt,
-          ),
+          filePathDifference: isPlatformModeConfig(config)
+            ? 'not supported'
+            : path.join(config.imagePathDifference, fileNameWithExt),
           viewport: {
             width: breakpoint,
             height: undefined,