From 3767c43eddff2c0505b002d3195fd02aa2c3fadb Mon Sep 17 00:00:00 2001
From: Santiago Aguiar <SAguiar@infragistics.com>
Date: Wed, 29 Apr 2015 17:51:11 -0300
Subject: [PATCH] [added] Added buttonClassName to DropdownButton

---
 src/DropdownButton.js      |  5 +++--
 test/DropdownButtonSpec.js | 12 ++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/DropdownButton.js b/src/DropdownButton.js
index 4f3d5c3d9c..d24e656d63 100644
--- a/src/DropdownButton.js
+++ b/src/DropdownButton.js
@@ -20,7 +20,8 @@ const DropdownButton = React.createClass({
     onClick:   React.PropTypes.func,
     onSelect:  React.PropTypes.func,
     navItem:   React.PropTypes.bool,
-    noCaret:   React.PropTypes.bool
+    noCaret:   React.PropTypes.bool,
+    buttonClassName: React.PropTypes.string
   },
 
   render() {
@@ -34,7 +35,7 @@ const DropdownButton = React.createClass({
       <Button
         {...this.props}
         ref="dropdownButton"
-        className="dropdown-toggle"
+        className={classNames('dropdown-toggle', this.props.buttonClassName)}
         onClick={this.handleDropdownClick}
         key={0}
         navDropdown={this.props.navItem}
diff --git a/test/DropdownButtonSpec.js b/test/DropdownButtonSpec.js
index 8672148e7a..4a85540b05 100644
--- a/test/DropdownButtonSpec.js
+++ b/test/DropdownButtonSpec.js
@@ -201,4 +201,16 @@ describe('DropdownButton', function () {
     let carets = button.getElementsByClassName('caret');
     assert.equal(carets.length, 0);
   });
+
+  it('should set button class when buttonClassName is given', function() {
+    instance = ReactTestUtils.renderIntoDocument(
+        <DropdownButton buttonClassName="test-class">
+          <MenuItem eventKey="1">MenuItem 1 content</MenuItem>
+          <MenuItem eventKey="2">MenuItem 2 content</MenuItem>
+        </DropdownButton>
+    );
+
+    let button = ReactTestUtils.findRenderedComponentWithType(instance, Button).getDOMNode();
+    assert.ok(button.className.match(/\btest-class\b/));
+  });
 });