Added test for rendering elements with PureRenderMixin and Formsy.Mixin

christianalfoni · Nov 5, 2015 · 59bde83 · 59bde83
1 parent 8636cda
commit 59bde83
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "lolex": "^1.3.2",
     "nodeunit": "^0.9.1",
     "react": "^0.14.0-rc1",
+    "react-addons-pure-render-mixin": "^0.14.2",
     "react-addons-test-utils": "^0.14.0-rc1",
     "react-dom": "^0.14.0-rc1",
     "sinon": "^1.17.1",

diff --git a/tests/Element-spec.js b/tests/Element-spec.js
@@ -1,5 +1,7 @@
 import React from 'react';
 import TestUtils from 'react-addons-test-utils';
+import PureRenderMixin from 'react-addons-pure-render-mixin';
+import sinon from 'sinon';
 
 import Formsy from './..';
 import TestInput, { InputFactory } from './utils/TestInput';
@@ -537,6 +539,30 @@ export default {
 
     test.done();
 
+  },
+
+  'input should rendered once with PureRenderMixin': function (test) {
+
+    var renderSpy = sinon.spy();
+
+    const Input = InputFactory({
+      mixins: [Formsy.Mixin, PureRenderMixin],
+      render() {
+        renderSpy();
+        return <input type={this.props.type} value={this.getValue()} onChange={this.updateValue}/>;
+      }
+    });
+
+    const form = TestUtils.renderIntoDocument(
+      <Formsy.Form>
+        <Input name="foo" value="foo"/>
+      </Formsy.Form>
+    );
+
+    test.equal(renderSpy.calledOnce, true);
+
+    test.done();
+
   }
 
 };