feat(DropdownItem): support the "active" property for dropdown items (#469)

ened · eddywashere · commit 83df86ef8489 · 2017-06-27T20:17:18.000-07:00
diff --git a/src/DropdownItem.js b/src/DropdownItem.js
@@ -5,6 +5,7 @@ import { mapToCssModules, omit } from './utils';
 
 const propTypes = {
   children: PropTypes.node,
+  active: PropTypes.bool,
   disabled: PropTypes.bool,
   divider: PropTypes.bool,
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
@@ -63,13 +64,15 @@ class DropdownItem extends React.Component {
       divider,
       tag: Tag,
       header,
+      active,
       ...props } = omit(this.props, ['toggle']);
 
     const classes = mapToCssModules(classNames(
       className,
       {
         disabled: props.disabled,
         'dropdown-item': !divider && !header,
+        active: active,
         'dropdown-header': header,
         'dropdown-divider': divider
       }
diff --git a/src/__tests__/DropdownItem.spec.js b/src/__tests__/DropdownItem.spec.js
@@ -73,6 +73,14 @@ describe('DropdownItem', () => {
     });
   });
 
+  describe('active', () => {
+    it('should render an active class', () => {
+      const wrapper = mount(<DropdownItem active />);
+
+      expect(wrapper.find('.active').length).toBe(1);
+    });
+  });
+
   describe('divider', () => {
     it('should render a divider element', () => {
       const wrapper = mount(<DropdownItem divider />);
