reactjs-testutils

I've set up a simple function to handle mouse wheel events on a menu component I built. The component works fine, I'm trying to write a unit test around it and that is giving me an issue. component handler: handleWheel: function (event) { (event.deltaY < 0 ) ? this.moveUp() : this.moveDown(); return false; } this.moveUp() / this.moveDown() simply sets the state of firstIndex The issue is that when I try to write a test for this functionality I can't get it to work. I'm almost 100% certain it has to do with the eventDetails object i'm passing in, but I don't know how to format it correctly. //

Using JEST to unit test a component that has a keydown listener attached to the document. How can I test this in JEST ? How do I simulate the keydown event on the document? I need the event listener to be on the document since it is supposed to respond the keyboard action irrespective of the focussed element. EDIT: The question here is about simulating the event on the document or the document.body. All the examples are regarding an actual DOM node, that works fine but the document does not. Currently trying to do this: TestUtils.Simulate.keyDown(document, {keyCode : 37}); // handler not

I'm trying to write tests in jest for the examples shown in "Thinking in React" ( http://facebook.github.io/react/docs/thinking-in-react.html ) And I am having a hard time using TestUtils.Simulate to provide a change-event to the search input object. /** @jsx React.DOM */ jest.dontMock('../ProductTable.js'); jest.dontMock('../FilterableProductTable.js'); jest.dontMock('../SearchBar.js'); var React = require('react/addons'); var TestUtils = React.addons.TestUtils; var FilterableProductTable = require('../FilterableProductTable.js'); var SearchBar = require('../SearchBar.js'); var PRODUCTS = [

I have a form with 3 radio buttons like follows (fake names): <form className="myForm" onSubmit={this.done}> <input className="myRadio" checked={ŧrue} type="radio" name="myRadio" onChange={this.change} value="value1" <input className="myRadio" type="radio" name="myRadio" onChange={this.change} value="value2" <input className="myRadio" type="radio" name="myRadio" onChange={this.change} value="value3" <input type="submit" className="submit" /> </form> And I am having very hard time trying to test the onChange and the onSubmit events. inputs = TestUtils.scryRenderedDOMComponentsWithClass

I have a very simple React.js component that decorates a long block of markup with "Read more" / "Read less" functionality. I have a few tests with Jest working, however, I am unable to assert that the DOM element height is increasing to the size of the original content. In the Jest test environment my call to getDOMNode().scrollHeight does not appear to return anything. Here is a link to the repository with the code and failing test: https://github.com/mguterl/react-jest-dom-question Below is a simplified version of the code and test that illustrates the same issue: Simplified Code var

React Tests Fails after set State causes second render Up until now testing has been going well with JSDOM and Mocha. So far have not had to test any components that change their state. I found my first issue testing a component that changes it's state. The Error 1) Reduced Test Case - @current Tests that Fail when Component changes state and renders "before each" hook: Error: Invariant Violation: dangerouslyRenderMarkup(...): Cannot render markup in a worker thread. Make sure `window` and `document` are available globally before requiring React when unit testing or use React.renderToString