Merge pull request #28778 from storybookjs/chromatic-ignore-stacktrace

Build: Raise Chromatic threshold for inconsistent snapshot of monospace text
storybookjs · Aug 1, 2024 · d419bc6 · d419bc6
2 parents 2ebbeed + 12f8343
commit d419bc6
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/code/core/src/manager/components/preview/Iframe.stories.tsx b/code/core/src/manager/components/preview/Iframe.stories.tsx
@@ -60,17 +60,23 @@ WorkingStory.parameters = {
   chromatic: { disable: true },
 };
 
-export const MissingStory = () => (
-  <IFrame
-    active
-    id="iframe"
-    title="Missing"
-    src="/iframe.html?id=missing"
-    allowFullScreen
-    style={style}
-    scale={1.0}
-  />
-);
+export const MissingStory = {
+  render: () => (
+    <IFrame
+      active
+      id="iframe"
+      title="Missing"
+      src="/iframe.html?id=missing"
+      allowFullScreen
+      style={style}
+      scale={1.0}
+    />
+  ),
+  parameters: {
+    // Raise the threshold to ignore monospace font inconsistencies
+    chromatic: { diffThreshold: 0.65 },
+  },
+};
 
 export const PreparingStory = () => (
   <IFrame