From 037495815c737f27761314ccfd51634835e62e8e Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Wed, 11 Mar 2026 11:34:10 -0300
Subject: [PATCH 1/2] test(fuselage): Update stories incompatible with visual
 regression testing

Co-authored-by: gabriellsh <40830821+gabriellsh@users.noreply.github.com>
---
 .../src/components/Box/layout.stories.tsx     |  4 +++-
 .../src/components/SidebarV2/helpers.tsx      | 22 +++++--------------
 2 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/packages/fuselage/src/components/Box/layout.stories.tsx b/packages/fuselage/src/components/Box/layout.stories.tsx
index 1bdd5b6ddd..669d40f108 100644
--- a/packages/fuselage/src/components/Box/layout.stories.tsx
+++ b/packages/fuselage/src/components/Box/layout.stories.tsx
@@ -199,7 +199,9 @@ Insets.decorators = [
   ),
 ];
 
-export const Invisible: StoryFn<typeof Box> = () => <Box invisible />;
+export const Invisible: StoryFn<typeof Box> = () => (
+  <Box invisible>Invisible</Box>
+);
 
 export const Margins: StoryFn<typeof Box> = () => (
   <>
diff --git a/packages/fuselage/src/components/SidebarV2/helpers.tsx b/packages/fuselage/src/components/SidebarV2/helpers.tsx
index 9e18d6236d..80708fff71 100644
--- a/packages/fuselage/src/components/SidebarV2/helpers.tsx
+++ b/packages/fuselage/src/components/SidebarV2/helpers.tsx
@@ -1,6 +1,6 @@
 import type { Decorator } from '@storybook/react-webpack5';
 
-import { Menu, MenuItem } from '../..';
+import { MenuV2 as Menu, MenuItem } from '../..';
 import { Avatar } from '../Avatar';
 import { Box } from '../Box';
 import { IconButton } from '../Button';
@@ -68,10 +68,7 @@ export const GenericCondensedItem = ({ i = 0 }: { i: number }) => (
         {names[i % 10]}
       </SidebarV2ItemTitle>
       {i % 2 !== 0 && (
-        <SidebarV2ItemBadge
-          title='unread messages'
-          children={Math.floor(Math.random() * 10) + 1}
-        />
+        <SidebarV2ItemBadge title='unread messages' children={5} />
       )}
       {i === 0 && (
         <SidebarV2Actions>
@@ -95,10 +92,7 @@ export const GenericNoAvatarItem = ({ i = 0 }: { i: number }) => (
     <SidebarV2Item href='#'>
       <SidebarV2ItemStatusBullet status='online' />
       <SidebarV2ItemTitle>{names[i % 10]}</SidebarV2ItemTitle>
-      <SidebarV2ItemBadge
-        title='unread messages'
-        children={Math.floor(Math.random() * 10) + 1}
-      />
+      <SidebarV2ItemBadge title='unread messages' children={5} />
       <SidebarV2ItemMenu children={<MenuTemplate />} />
     </SidebarV2Item>
   </SidebarV2ListItem>
@@ -112,10 +106,7 @@ export const GenericMediumItem = ({ i = 0 }: { i: number }) => (
       </SidebarV2ItemAvatarWrapper>
       <SidebarV2ItemIcon icon='team' />
       <SidebarV2ItemTitle>{names[i % 10]}</SidebarV2ItemTitle>
-      <SidebarV2ItemBadge
-        title='unread messages'
-        children={Math.floor(Math.random() * 10) + 1}
-      />
+      <SidebarV2ItemBadge title='unread messages' children={5} />
       <SidebarV2ItemMenu children={<MenuTemplate />} />
     </SidebarV2Item>
   </SidebarV2ListItem>
@@ -137,10 +128,7 @@ export const GenericExtendedItem = ({ i = 0 }: { i: number }) => (
 
         <SidebarV2ItemRow>
           <SidebarV2ItemContent>No messages yet</SidebarV2ItemContent>
-          <SidebarV2ItemBadge
-            title='unread messages'
-            children={Math.floor(Math.random() * 10) + 1}
-          />
+          <SidebarV2ItemBadge title='unread messages' children={5} />
           <SidebarV2ItemMenu children={<MenuTemplate />} />
         </SidebarV2ItemRow>
       </SidebarV2ItemCol>

From efe605681a80d0e49cc1f7d4d2e53f5df0389571 Mon Sep 17 00:00:00 2001
From: gabriellsh <40830821+gabriellsh@users.noreply.github.com>
Date: Wed, 11 Mar 2026 11:42:40 -0300
Subject: [PATCH 2/2] fix: Menu import

---
 packages/fuselage/src/components/SidebarV2/helpers.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fuselage/src/components/SidebarV2/helpers.tsx b/packages/fuselage/src/components/SidebarV2/helpers.tsx
index 80708fff71..33a945fbf1 100644
--- a/packages/fuselage/src/components/SidebarV2/helpers.tsx
+++ b/packages/fuselage/src/components/SidebarV2/helpers.tsx
@@ -1,6 +1,6 @@
 import type { Decorator } from '@storybook/react-webpack5';
 
-import { MenuV2 as Menu, MenuItem } from '../..';
+import { Menu, MenuItem } from '../..';
 import { Avatar } from '../Avatar';
 import { Box } from '../Box';
 import { IconButton } from '../Button';