Just ignore href on active BreadcrumbItem

Makes it easier to use with react-router-bootstrap

Author: taion

src/Breadcrumb.js

@@ -32,7 +32,7 @@ const Breadcrumb = React.createClass({
   },
 
   renderBreadcrumbItem(child, index) {
-    return cloneElement( child, { key: child.key ? child.key : index } );
+    return cloneElement(child, { key: child.key || index });
   }
 });
 

src/BreadcrumbItem.js

@@ -1,6 +1,5 @@
 import classNames from 'classnames';
 import React from 'react';
-import warning from 'warning';
 
 import SafeAnchor from './SafeAnchor';
 
@@ -56,8 +55,6 @@ const BreadcrumbItem = React.createClass({
       target,
       ...props } = this.props;
 
-    warning(!(href && active), '[react-bootstrap] `href` and `active` properties cannot be set at the same time');
-
     const linkProps = {
       href,
       title,

test/BreadcrumbItemSpec.js

@@ -4,19 +4,7 @@ import ReactDOM from 'react-dom';
 
 import BreadcrumbItem from '../src/BreadcrumbItem';
 
-import { shouldWarn } from './helpers';
-
 describe('BreadcrumbItem', () => {
-  it('Should warn if `active` and `href` attributes set', () => {
-    ReactTestUtils.renderIntoDocument(
-      <BreadcrumbItem href='#' active>
-        Crumb
-      </BreadcrumbItem>
-    );
-
-    shouldWarn('[react-bootstrap] `href` and `active` properties cannot be set at the same time');
-  });
-
   it('Should render `a` as inner element when is not active', () => {
     const instance = ReactTestUtils.renderIntoDocument(
       <BreadcrumbItem href='#'>
@@ -28,24 +16,31 @@ describe('BreadcrumbItem', () => {
     assert.notInclude(ReactDOM.findDOMNode(instance).className, 'active');
   });
 
-  it('Should add `active` class with `active` attribute set.', () => {
+  it('Should render `span.active` with `active` attribute set.', () => {
     const instance = ReactTestUtils.renderIntoDocument(
       <BreadcrumbItem active>
         Active Crumb
       </BreadcrumbItem>
     );
 
     assert.include(ReactDOM.findDOMNode(instance).className, 'active');
+    assert.ok(ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'span'));
   });
 
-  it('Should render `span` as inner element when is active', () => {
+  it('Should render `span.active` when active and has href', () => {
     const instance = ReactTestUtils.renderIntoDocument(
-      <BreadcrumbItem active>
-        Crumb
+      <BreadcrumbItem href="#" active>
+        Active Crumb
       </BreadcrumbItem>
     );
 
-    assert.ok(ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'span'));
+    assert.include(ReactDOM.findDOMNode(instance).className, 'active');
+
+    const spanNode = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'span');
+    assert.ok(spanNode);
+    assert.notOk(spanNode.hasAttribute('href'));
+
+    assert.lengthOf(ReactTestUtils.scryRenderedDOMComponentsWithTag(instance, 'a'), 0);
   });
 
   it('Should add custom classes onto `li` wrapper element', () => {