From 922ecaebbf58c561d8d707b3ac14cf55ff48ad29 Mon Sep 17 00:00:00 2001
From: Jimmy Jia <tesrin@gmail.com>
Date: Sun, 24 Jan 2016 14:39:01 -0500
Subject: [PATCH] [fixed] Allow overriding aria-label on <SplitButton> toggle

---
 src/SplitButton.js      |  9 +++++++--
 test/SplitButtonSpec.js | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/SplitButton.js b/src/SplitButton.js
index 6f68052c41..adf29fe792 100644
--- a/src/SplitButton.js
+++ b/src/SplitButton.js
@@ -14,6 +14,7 @@ class SplitButton extends React.Component {
       onClick,
       target,
       href,
+      toggleLabel,
       bsSize,
       bsStyle,
       ...props } = this.props;
@@ -37,7 +38,7 @@ class SplitButton extends React.Component {
           {title}
         </Button>
         <SplitToggle
-          aria-label={title}
+          aria-label={toggleLabel || title}
           bsStyle={bsStyle}
           bsSize={bsSize}
           disabled={disabled}
@@ -63,7 +64,11 @@ SplitButton.propTypes = {
   /**
    * The content of the split button.
    */
-  title: React.PropTypes.node.isRequired
+  title: React.PropTypes.node.isRequired,
+  /**
+   * Accessible label for the toggle; the value of `title` if not specified.
+   */
+  toggleLabel: React.PropTypes.string
 };
 
 SplitButton.defaultProps = {
diff --git a/test/SplitButtonSpec.js b/test/SplitButtonSpec.js
index b7876d7aa1..d0ca5d472f 100644
--- a/test/SplitButtonSpec.js
+++ b/test/SplitButtonSpec.js
@@ -101,4 +101,21 @@ describe('SplitButton', () => {
     assert.equal(linkElement.target, '_blank');
   });
 
+  it('should set aria-label on toggle from title', () => {
+    const instance = ReactTestUtils.renderIntoDocument(simple);
+
+    const toggleNode = ReactTestUtils.findRenderedDOMComponentWithClass(instance, 'dropdown-toggle');
+    expect(toggleNode.getAttribute('aria-label')).to.equal('Title');
+  });
+
+  it('should set aria-label on toggle from toggleLabel', () => {
+    const instance = ReactTestUtils.renderIntoDocument(
+      <SplitButton title='Title' id='test-id' toggleLabel='Label'>
+        <MenuItem>Item 1</MenuItem>
+      </SplitButton>
+    );
+
+    const toggleNode = ReactTestUtils.findRenderedDOMComponentWithClass(instance, 'dropdown-toggle');
+    expect(toggleNode.getAttribute('aria-label')).to.equal('Label');
+  });
 });