I have a React UI component with an React-Boostrap form and I am trying to simulate the submit event.
//Component
<Form onSubmit={this.submitFunction.bind(this)>
...
</Form>
//Test
const wrapper = shallow(<Component ...props />);
wrapper.find('Form').simulate('submit');
However I am getting this error:
Invariant Violation: Element appears to be neither ReactComponent nor DOMNode (keys: value)
at invariant (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:20948:15)
at Object.findDOMNode (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:20044:54)
at ProductEdit.saveProduct (app/app.js?hash=15f7ad32bef651f9e9e7b4dde08eb531635ce4dd:230:47)
at Object.invokeGuardedCallback [as invokeGuardedCallbackWithCatch] (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:6443:12)
at executeDispatch (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:6265:21)
at Object.executeDispatchesInOrder (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:6290:5)
at executeDispatchesAndRelease (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:5726:22)
at executeDispatchesAndReleaseSimulated (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:5734:10)
at forEachAccumulated (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:6598:8)
at Object.processEventQueue (packages/modules.js?hash=d51ee07ca8222842dd7750b5a9e777555190f9c3:5897:7)
Anyone experiencing the same?