Medium React Meteor Testing Tutorial

EvenOrOdd_10_spec.js

describe("EvenOrOdd Component", function() {
  var defProps, renderWithProps, component, el, $el;

  beforeEach(function() {
    defProps = {
      number: 2
    };
    renderWithProps = function(props) {
      component = renderComponent(EvenOrOdd, props);
      el = React.findDOMNode(component);
      $el = $(el);
    };
  });

  it("should contain Hello World", function() {
    renderWithProps(defProps);
    expect($el.text()).toEqual('Hello World');
  });
});

EvenOrOdd_1_spec.js

describe(“EvenOrOdd Component”, function() {
  it(“should pass test”, function() {
    expect(1 + 1).toEqual(2);
  });
});

spec_helper.js

TestUtils = React.addons.TestUtils;
Simulate = TestUtils.Simulate;

// returns rendered react component
renderComponent = function (comp, props) {
  return TestUtils.renderIntoDocument(
    React.createElement(comp, props)
  );
};

// more terse method of simulating events
simulateClickOn = function($el) {
 React.addons.TestUtils.Simulate.click($el[0]);
};