Added 'target' attribute to NavItem

Author: smbecker

src/NavItem.jsx

@@ -12,7 +12,8 @@ var NavItem = React.createClass({
     active: React.PropTypes.bool,
     disabled: React.PropTypes.bool,
     href: React.PropTypes.string,
-    title: React.PropTypes.string
+    title: React.PropTypes.string,
+    target: React.PropTypes.string
   },
 
   getDefaultProps: function () {
@@ -32,6 +33,7 @@ var NavItem = React.createClass({
         <a
           href={this.props.href}
           title={this.props.title}
+          target={this.props.target}
           onClick={this.handleClick}
           ref="anchor">
           {this.props.children}

test/NavItemSpec.jsx

@@ -47,4 +47,12 @@ describe('NavItem', function () {
     var instance = ReactTestUtils.renderIntoDocument(<NavItem disabled={true} onSelect={handleSelect}>{content}</NavItem>);
     ReactTestUtils.Simulate.click(ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'span'));
   });
+
+  it('Should set target attribute on anchor', function () {
+    var instance = ReactTestUtils.renderIntoDocument(
+          <NavItem href="/some/unique-thing/" target="_blank">Item content</NavItem>
+        );
+    var linkElement = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'a').getDOMNode();
+    assert.equal(linkElement.target, '_blank');
+  });
 });