feat(Navbar): support sticky prop on navbar

eddywashere · eddywashere · commit d8a9727e1110 · 2017-01-10T21:08:53.000-08:00
diff --git a/src/Navbar.js b/src/Navbar.js
@@ -7,6 +7,7 @@ const propTypes = {
   inverse: PropTypes.bool,
   full: PropTypes.bool,
   fixed: PropTypes.string,
+  sticky: PropTypes.string,
   color: PropTypes.string,
   role: PropTypes.string,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
@@ -40,6 +41,7 @@ const Navbar = (props) => {
     inverse,
     full,
     fixed,
+    sticky,
     color,
     tag: Tag,
     ...attributes
@@ -54,7 +56,8 @@ const Navbar = (props) => {
       'navbar-inverse': inverse,
       [`bg-${color}`]: color,
       'navbar-full': full,
-      [`navbar-fixed-${fixed}`]: fixed
+      [`navbar-fixed-${fixed}`]: fixed,
+      [`sticky-${sticky}`]: sticky,
     }
   ), cssModule);
 
diff --git a/src/__tests__/Navbar.spec.js b/src/__tests__/Navbar.spec.js
@@ -41,13 +41,14 @@ describe('Navbar', () => {
   });
 
   it('should render prop based classes', () => {
-    const wrapper = shallow(<Navbar light inverse toggleable="sm" color="success" full fixed="top" />);
+    const wrapper = shallow(<Navbar light inverse toggleable="sm" color="success" full sticky="top" fixed="top" />);
 
     expect(wrapper.hasClass('bg-success')).toBe(true);
     expect(wrapper.hasClass('navbar')).toBe(true);
     expect(wrapper.hasClass('navbar-toggleable-sm')).toBe(true);
     expect(wrapper.hasClass('navbar-light')).toBe(true);
     expect(wrapper.hasClass('navbar-inverse')).toBe(true);
     expect(wrapper.hasClass('navbar-fixed-top')).toBe(true);
+    expect(wrapper.hasClass('sticky-top')).toBe(true);
   });
 });
