We add a unit test for PostSubmit component

Author: mstamos

client/templates/posts/post_submit.jsx

@@ -17,6 +17,7 @@ PostInput = React.createClass({
     },
     render () {
         const errorClassName = "form-group " + this.props.errorClassName;
+        const inputClass = "form-control "+this.props.title.toLowerCase();
         return (
             <div className={errorClassName}>
                 <label className="control-label" htmlFor={this.props.title.toLowerCase()}>{this.props.title}</label>
@@ -29,7 +30,7 @@ PostInput = React.createClass({
                         placeholder={this.props.placeholder}
                         value={this.props.value}
                         onChange={this.handleChangedValue}
-                        className="form-control"
+                        className={inputClass}
                         />
                     <span className="help-block">{this.props.errorMessage}</span>
                 </div>

tests/jasmine/client/unit/components/post_item_spec.js

@@ -41,13 +41,19 @@ describe("PostItem", function () {
         expect($el.text()).toContain("Edit");
 
     });
-    //
-    //it("should go to post page", function () {
-    //    var fakeUrl = "posts/XYZ"
+
+    //it("should call showPost function", function () {
+    //    // We get the discuss button
+    //    var button = React.addons.TestUtils.findRenderedDOMComponentWithClass(component, "discuss");
+    //    console.log(button);
+    //    // We set a fake url
+    //    var fakeUrl = "posts/XYZ";
+    //    // We spy on FlowRouter object
     //    spyOn(FlowRouter, "go").and.returnValue(fakeUrl);
-    //    renderWithProps(defProps);
-    //    expect(PostItem.prototype.showPost($.Event("click"))).toBe(fakeUrl);
-    //    expect(FlowRouter.go.calls.argsFor(0)).toEqual("posts/XYZ");
+    //    // We simulate the click event into Discuss button
+    //    React.addons.TestUtils.Simulate.click(button.getDOMNode())
+    //    // We expect the FlowRouter.go function to has as paramter the below string
+    //    expect(FlowRouter.go.calls.argsFor(0)).toEqual(["/posts/XYZ"]);
     //});
-    
+
 });

tests/jasmine/client/unit/components/post_submit_spec.js

@@ -0,0 +1,23 @@
+describe("PostSubmit", function () {
+    var defProps, renderWithProps, component, el, $el;
+
+    beforeEach(function () {
+        renderWithProps = function (props) {
+            component = renderComponent(PostSubmit, props);
+            el = React.findDOMNode(component);
+            $el = $(el);
+        };
+    });
+
+    it("should render an input for post's title", function () {
+        // We spyOn Meteor.userId to provide a user id
+        spyOn(Meteor, "userId").and.returnValue("xyz");
+        // We render the component
+        renderWithProps({});
+        // We get the dom element with class title
+        var titleInput = TestUtils.findRenderedDOMComponentWithClass(component, "title");
+        // We expect to be defined"
+        expect(titleInput).toBeDefined();
+    });
+
+});