fix(interiorleftnav): support custom title node (#93)

carbon-design-system · Oct 24, 2019 · 1b9dbfa · 1b9dbfa
1 parent f77c4c0
commit 1b9dbfa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/InteriorLeftNavList/InteriorLeftNavList-test.js b/src/components/InteriorLeftNavList/InteriorLeftNavList-test.js
@@ -23,7 +23,7 @@ describe('InteriorLeftNavList', () => {
     );
 
     const expectedChildrenList = shallow(
-      <InteriorLeftNavList>
+      <InteriorLeftNavList title={<div className="title-node">test-title</div>}>
         <InteriorLeftNavItem href="" className="test-child">
           <a href="http://www.carbondesignsystem.com">test-title</a>
         </InteriorLeftNavItem>
@@ -68,6 +68,13 @@ describe('InteriorLeftNavList', () => {
         'left-nav-list__item-icon bx--interior-left-nav__icon'
       );
     });
+    it('should render title node', () => {
+      expect(
+        expectedChildrenList.containsMatchingElement(
+          <div className="title-node">test-title</div>
+        )
+      ).toBe(true);
+    });
     it('should render children as expected', () => {
       expect(
         expectedChildrenList.find('.left-nav-list__item-link').length

diff --git a/src/components/InteriorLeftNavList/InteriorLeftNavList.js b/src/components/InteriorLeftNavList/InteriorLeftNavList.js
@@ -9,7 +9,7 @@ export default class InteriorLeftNavList extends Component {
     className: PropTypes.string,
     children: PropTypes.node,
     tabIndex: PropTypes.number,
-    title: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
     open: PropTypes.bool,
     onListClick: PropTypes.func,
     onItemClick: PropTypes.func,