Ignore tooltips in Chromatic

storybookjs · Jul 6, 2022 · 74ce82c · 74ce82c
1 parent c70361f
commit 74ce82c
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/addons/interactions/src/components/Subnav.tsx b/addons/interactions/src/components/Subnav.tsx
@@ -129,7 +129,10 @@ export const Subnav: React.FC<SubnavProps> = ({
 
             <StyledSeparator />
 
-            <WithTooltip hasChrome={false} tooltip={<Note note="Go to start" />}>
+            <WithTooltip
+              hasChrome={false}
+              tooltip={<Note note="Go to start" data-chromatic="ignore" />}
+            >
               <RewindButton
                 aria-label="Go to start"
                 containsIcon
@@ -140,7 +143,10 @@ export const Subnav: React.FC<SubnavProps> = ({
               </RewindButton>
             </WithTooltip>
 
-            <WithTooltip hasChrome={false} tooltip={<Note note="Go back" />}>
+            <WithTooltip
+              hasChrome={false}
+              tooltip={<Note note="Go back" data-chromatic="ignore" />}
+            >
               <StyledIconButton
                 aria-label="Go back"
                 containsIcon
@@ -151,7 +157,10 @@ export const Subnav: React.FC<SubnavProps> = ({
               </StyledIconButton>
             </WithTooltip>
 
-            <WithTooltip hasChrome={false} tooltip={<Note note="Go forward" />}>
+            <WithTooltip
+              hasChrome={false}
+              tooltip={<Note note="Go forward" data-chromatic="ignore" />}
+            >
               <StyledIconButton
                 aria-label="Go forward"
                 containsIcon
@@ -162,7 +171,10 @@ export const Subnav: React.FC<SubnavProps> = ({
               </StyledIconButton>
             </WithTooltip>
 
-            <WithTooltip hasChrome={false} tooltip={<Note note="Go to end" />}>
+            <WithTooltip
+              hasChrome={false}
+              tooltip={<Note note="Go to end" data-chromatic="ignore" />}
+            >
               <StyledIconButton
                 aria-label="Go to end"
                 containsIcon
@@ -173,7 +185,7 @@ export const Subnav: React.FC<SubnavProps> = ({
               </StyledIconButton>
             </WithTooltip>
 
-            <WithTooltip hasChrome={false} tooltip={<Note note="Rerun" />}>
+            <WithTooltip hasChrome={false} tooltip={<Note note="Rerun" data-chromatic="ignore" />}>
               <RerunButton
                 aria-label="Rerun"
                 containsIcon