ngerritsen / react-stateless-wrapper Goto Github PK

Hello

I go the following error :

Invariant Violation: ReactClass: You're attempting to use a component as a mixin. Instead, just use a regular object.

As far as I can see static methods and properties are not preserved. For example contextTypes.

Sorry, I don't have the time to write PR.

Not sure whether this is intentional, but I reckon it would be useful to pass in context when wrapping the stateless component. Docs here.

Recently ran into this when writing a test for a stateless component that needed to accept context in the argument.

I modified this locally and it worked really well.

function wrap(statelessComponent) {
  return React.createClass({
    displayName: statelessComponent.name,
    render: function() {
      return statelessComponent(this.props, this.context);
    }
  });
}

Let me know what you think (or whether you think stubbing the context should be handled by another wrapper).

Good work with this wrapper btw!

When attempting to use scryRenderedDOMComponentsWithClass I get the following error.

Error:

Error: Invariant Violation: findAllInRenderedTree(...): instance must be a composite component
at invariant (/var/folders/bj/mb1jw15s0c1c50rz31d94zs9rm01gx/T/181ee752ae1e4062010a981a5f769705.browserify:90686:15 <- node_modules/react/node_modules/fbjs/lib/invariant.js:39:0)
at Object.ReactTestUtils.findAllInRenderedTree (/var/folders/bj/mb1jw15s0c1c50rz31d94zs9rm01gx/T/181ee752ae1e4062010a981a5f769705.browserify:84706:90 <- node_modules/react/lib/ReactTestUtils.js:143:0)
at Object.ReactTestUtils.scryRenderedDOMComponentsWithClass (/var/folders/bj/mb1jw15s0c1c50rz31d94zs9rm01gx/T/181ee752ae1e4062010a981a5f769705.browserify:84719:27 <- node_modules/react/lib/ReactTestUtils.js:156:0)
at Object. (/var/folders/bj/mb1jw15s0c1c50rz31d94zs9rm01gx/T/181ee752ae1e4062010a981a5f769705.browserify:94543:47 <- test/VerticalBar/VerticalBar.spec.jsx:18:25)

However, falling back to wrapping it in an es6 class where the render method simply renders the component works.

class TestParent extends React.Component {
render() {
return (
<VerticalBar />
);
}
}