Update error-overlay-layout.stories.tsx

vercel · Jan 14, 2025 · d7448c5 · d7448c5
1 parent bb1f490
commit d7448c5
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/...rimental/internal/components/Errors/error-overlay-layout/error-overlay-layout.stories.tsx b/...rimental/internal/components/Errors/error-overlay-layout/error-overlay-layout.stories.tsx
@@ -22,7 +22,11 @@ export const Default: Story = {
       installed: '15.0.0',
       staleness: 'fresh',
     },
-    children: "Module not found: Cannot find module './missing-module'",
+    children: (
+      <div style={{ margin: '1rem' }}>
+        Module not found: Cannot find module './missing-module'
+      </div>
+    ),
   },
 }
 
@@ -32,3 +36,25 @@ export const Turbopack: Story = {
     isTurbopack: true,
   },
 }
+
+export const NoErrorCode: Story = {
+  args: {
+    ...Default.args,
+    errorCode: undefined,
+  },
+}
+
+export const WithLongFooterMessage: Story = {
+  args: {
+    ...Default.args,
+    footerMessage:
+      'This is a very long footer message that demonstrates how the footer handles lengthy text. It could contain important information about the error or additional context for debugging.',
+  },
+}
+
+export const WithShortFooterMessage: Story = {
+  args: {
+    ...Default.args,
+    footerMessage: 'A brief error description.',
+  },
+}