unexpected-react

unexpected-react

React plugin for the Unexpected assertion library

TODO

expect.addType({
    identify: function (obj) { return obj && obj._lifeCycleState; },
    inspect: function (value, depth, output, inspect) { output.text('<React.js component...>'); }
});

expect(ReactComponent, 'to have props', { foo: 'bar' }); // Uses expect.it('to satisfy')

expect(ReactComponent, 'to have state', { foo: 'bar' }); // Uses expect.it('to satisfy')

expect(ReactComponent, 'to have html attributes', { foo: 'bar' });
expect(ReactComponent.refs['menu'], 'to have html attributes', { foo: 'bar' });
// Should call getDOMNode(), pull out attributes and compare
// Might be enough to assert on the virtual dom

expect(ReactComponent, 'to have children', [optionalSelector], 6);
// Should call getDOMNode(), compare length

expect(ReactComponent, 'to have children who satisfy', [optionalSelector], function (child) {
    expect.it(child, 'to have html attributes', { foo: 'bar' });
});

expect(ReactComponent.refs['modal'], 'to be a component', 'ModalComponent');