feat(Collapse): add navbar prop (#266)

eddywashere · web-flow · commit c1b633abcb6c · 2017-01-04T22:23:26.000-08:00
diff --git a/docs/lib/Components/CollapsePage.js b/docs/lib/Components/CollapsePage.js
@@ -1,13 +1,12 @@
 /* eslint react/no-multi-comp: 0, react/prop-types: 0 */
 import React from 'react';
 import { PrismCode } from 'react-prism';
-import { Alert } from 'reactstrap';
 import Helmet from 'react-helmet';
 
 import CollapseExample from '../examples/Collapse';
 const CollapseExampleSource = require('!!raw!../examples/Collapse');
 
-export default class AlertsPage extends React.Component {
+export default class CollapsePage extends React.Component {
   render() {
     return (
       <div>
@@ -28,7 +27,8 @@ export default class AlertsPage extends React.Component {
           <PrismCode className="language-jsx">
 {`Collapse.propTypes = {
   isOpen: PropTypes.bool,
-  className: PropTypes.node
+  className: PropTypes.node,
+  navbar: PropTypes.bool
 }`}
           </PrismCode>
         </pre>
diff --git a/src/Collapse.js b/src/Collapse.js
@@ -13,6 +13,7 @@ const propTypes = {
   className: PropTypes.node,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   cssModule: PropTypes.object,
+  navbar: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -77,6 +78,7 @@ class Collapse extends Component {
 
   render() {
     const {
+      navbar,
       className,
       cssModule,
       tag: Tag,
@@ -104,7 +106,8 @@ class Collapse extends Component {
 
     const classes = mapToCssModules(classNames(
       className,
-      collapseClass
+      collapseClass,
+      { navbar }
     ), cssModule);
     const style = height === null ? null : { height };
     return (
diff --git a/src/__tests__/Collapse.spec.js b/src/__tests__/Collapse.spec.js
@@ -33,6 +33,11 @@ describe('Collapse', () => {
     expect(wrapper.hasClass('collapse')).toEqual(true);
   });
 
+  it('should render with class "navbar"', () => {
+    const wrapper = shallow(<Collapse navbar />);
+    expect(wrapper.hasClass('navbar')).toEqual(true);
+  });
+
   it('should render with class "show" when isOpen is true', () => {
     const wrapper = shallow(<Collapse isOpen />);
     expect(wrapper.hasClass('show')).toEqual(true);
