Merge pull request react-bootstrap#236 from mtscout6/submit-key

Added ref and key for submit input button

Author: pieterv

karma.ci.js

@@ -3,7 +3,11 @@ module.exports = function(config) {
 
     basePath: '',
 
-    frameworks: ['mocha', 'chai'],
+    frameworks: [
+      'mocha',
+      'chai',
+      'sinon'
+    ],
 
     files: [
       'test/vendor/es5-shim.js',

karma.dev.js

@@ -3,7 +3,11 @@ module.exports = function (config) {
 
     basePath: '',
 
-    frameworks: ['mocha', 'chai'],
+    frameworks: [
+      'mocha',
+      'chai',
+      'sinon'
+    ],
 
     files: [
       'test_bundle.js'

package.json

@@ -17,33 +17,35 @@
     "react": ">=0.9"
   },
   "devDependencies": {
-    "karma-chai": "0.0.2",
-    "mocha": "~1.16.2",
-    "karma-script-launcher": "~0.1.0",
-    "karma-chrome-launcher": "~0.1.2",
-    "karma-html2js-preprocessor": "~0.1.0",
-    "karma-firefox-launcher": "~0.1.3",
-    "karma-jasmine": "~0.1.5",
-    "karma-coffee-preprocessor": "~0.1.2",
-    "requirejs": "~2.1.9",
-    "karma-requirejs": "~0.2.1",
-    "karma-phantomjs-launcher": "~0.1.1",
-    "karma": "~0.12.8",
-    "karma-mocha": "~0.1.1",
-    "react": "0.10.0",
     "envify": "~1.2.1",
     "grunt": "~0.4.2",
-    "grunt-contrib-uglify": "~0.3.2",
-    "grunt-contrib-clean": "~0.5.0",
-    "grunt-contrib-watch": "~0.5.3",
+    "grunt-amd-wrap": "^1.0.1",
     "grunt-browserify": "~1.3.0",
     "grunt-cli": "~0.1.13",
-    "grunt-react": "~0.6.0",
+    "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-copy": "~0.5.0",
     "grunt-contrib-requirejs": "~0.4.1",
+    "grunt-contrib-uglify": "~0.3.2",
+    "grunt-contrib-watch": "~0.5.3",
+    "grunt-react": "~0.6.0",
     "grunt-shell": "~0.6.4",
-    "grunt-contrib-copy": "~0.5.0",
+    "karma": "~0.12.8",
+    "karma-chai": "0.0.2",
+    "karma-chrome-launcher": "~0.1.2",
+    "karma-coffee-preprocessor": "~0.1.2",
+    "karma-firefox-launcher": "~0.1.3",
+    "karma-html2js-preprocessor": "~0.1.0",
+    "karma-jasmine": "~0.1.5",
+    "karma-mocha": "~0.1.1",
+    "karma-phantomjs-launcher": "~0.1.1",
+    "karma-requirejs": "~0.2.1",
+    "karma-script-launcher": "~0.1.0",
+    "karma-sinon": "^1.0.3",
+    "mocha": "~1.16.2",
+    "react": "0.10.0",
     "react-async": "~0.8.0",
     "react-router-component": "~0.15.0",
-    "grunt-amd-wrap": "^1.0.1"
+    "requirejs": "~2.1.9",
+    "sinon": "^1.10.3"
   }
 }

src/Input.jsx

@@ -78,7 +78,7 @@ var Input = React.createClass({
         break;
       case 'submit':
         input = this.transferPropsTo(
-          <Button componentClass={React.DOM.input} />
+          <Button componentClass={React.DOM.input} ref='input' key='input' />
         );
         break;
       default:

test/InputSpec.jsx

@@ -6,6 +6,17 @@ var ReactTestUtils = require('react/lib/ReactTestUtils');
 var Input          = require('../cjs/Input');
 
 describe('Input', function () {
+  beforeEach(function() {
+    sinon.spy(console, 'warn');
+  })
+
+  afterEach(function() {
+    if (typeof console.warn.restore  === 'function') {
+      console.warn.called.should.be.false;
+      console.warn.restore();
+    }
+  });
+
   it('renders children when type is not set', function () {
     var instance = ReactTestUtils.renderIntoDocument(
       <Input>
@@ -42,7 +53,7 @@ describe('Input', function () {
 
   it('renders a submit button element when type=submit', function () {
     var instance = ReactTestUtils.renderIntoDocument(
-      <Input type="submit" bsStyle="danger" />
+      <Input type="submit" bsStyle="danger" wrapperClassName='test' />
     );
 
     node = ReactTestUtils.findRenderedDOMComponentWithTag(instance, 'input').getDOMNode();