Testing - RangeError: Maximum call stack size exceeded

I’m using the react-select component in my application and whenever it is referenced in my Jest tests I get an error that says “RangeError: Maximum call stack size exceeded”.

Here is a basic test I’ve written using Jest based on the react-select example.

/** @jsx React.DOM */
'use strict';
jest.autoMockOff();

var React = require("react/addons");
var Select = require("react-select");
var TestUtils = React.addons.TestUtils;

describe("Select test", function() {

    var Select = require('react-select');

    var options = [
        { value: 'one', label: 'One' },
        { value: 'two', label: 'Two' }
    ];

    function logChange(val) {
        console.log("Selected: " + val);
    }

    // Render an instance of the component
    var instance = TestUtils.renderIntoDocument(
        <Select
            name="form-field-name"
            value="one"
            options={options}
            onChange={logChange}/>
        );
});

By simplifying the test to this level, I can assume the range error is happening within react-select. I also see Issue #73 there are no tests for react-select.

Does anyone else have a similar issue? I’m quite surprised the basic example implementation of the component won’t pass a simple unit test.

[ignivanishant]

i am getting the Maximum call stack size exceeded in react-native. please provide the solution .

Thanks in advance Nishant Singh

[mattdell]

@JedWatson Excellent. Glad I could help!