feat(tooltip): add a display name to memoized components to ease testing

plouc · Nov 15, 2020 · 218e237 · 218e237
1 parent 0a54e62
commit 218e237
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/packages/tooltip/src/Crosshair.tsx b/packages/tooltip/src/Crosshair.tsx
@@ -49,3 +49,5 @@ export const Crosshair = memo(({ width, height, type, x, y }: CrosshairProps) =>
         </>
     )
 })
+
+Crosshair.displayName = 'Crosshair'
diff --git a/packages/tooltip/src/CrosshairLine.tsx b/packages/tooltip/src/CrosshairLine.tsx
@@ -32,3 +32,5 @@ export const CrosshairLine = memo(({ x0, x1, y0, y1 }: CrosshairLineProps) => {
 
     return <animated.line {...animatedProps} fill="none" style={style} />
 })
+
+CrosshairLine.displayName = 'CrosshairLine'
diff --git a/packages/tooltip/src/TableTooltip.tsx b/packages/tooltip/src/TableTooltip.tsx
@@ -44,3 +44,5 @@ export const TableTooltip = memo(({ title, rows = [], renderContent }: TableTool
 
     return <div style={theme.tooltip.container}>{content}</div>
 })
+
+TableTooltip.displayName = 'TableTooltip'
diff --git a/packages/tooltip/src/TooltipWrapper.tsx b/packages/tooltip/src/TooltipWrapper.tsx
@@ -83,3 +83,5 @@ export const TooltipWrapper = memo<PropsWithChildren<TooltipWrapperProps>>(
         )
     }
 )
+
+TooltipWrapper.displayName = 'TooltipWrapper'