Propage data-testid to Breadcrumbs (#4542)

toptal · Sep 11, 2024 · 0da0237 · 0da0237
1 parent cd9c86c
commit 0da0237
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/pretty-toes-leave.md b/.changeset/pretty-toes-leave.md
@@ -0,0 +1,8 @@
+---
+'@toptal/picasso-breadcrumbs': patch
+'@toptal/picasso': patch
+---
+
+### Breadcrumbs
+
+- propage `data-testid`
diff --git a/packages/base/Breadcrumbs/src/Breadcrumbs/Breadcrumbs.tsx b/packages/base/Breadcrumbs/src/Breadcrumbs/Breadcrumbs.tsx
@@ -12,14 +12,19 @@ export interface Props extends BaseProps {
 
 export const Breadcrumbs = forwardRef<HTMLDivElement, Props>(
   function Breadcrumbs(props, ref) {
-    const { children } = props
+    const { children, 'data-testid': dataTestId } = props
 
     const allItems = React.Children.map(children, child => (
       <li className='p-0 m-0'>{child}</li>
     ))
 
     return (
-      <Typography as='nav' ref={ref} className='text-md text-black/[.54]'>
+      <Typography
+        as='nav'
+        ref={ref}
+        className='text-md text-black/[.54]'
+        data-testid={dataTestId}
+      >
         <ol className='flex flex-wrap items-center p-0 m-0 list-none'>
           {allItems && insertSeparator(allItems)}
         </ol>