Closed VeeteshJain closed 6 years ago
@VeeteshJain running into the same issue did you find a fix?
adding
jest.mock('react-dotdotdot', () => 'div');
resolved the issue for me.
I'm closing it for now. Please reopen if problem occurs again.
I'm having this same issue and @yantakus fix did not work for me.
my implementation is
const component = create(
<StoryDetailsCTARow
{...fakeProps}
/>
);
let tree = component.toJSON();
expect(tree).toMatchSnapshot();
stack trace
TypeError: Cannot read property 'length' of null
23 | {...fakeProps}
24 | />
> 25 | );
26 |
27 | console.log(component);
28 |
at Dotdotdot.Object.<anonymous>.Dotdotdot.dotdotdot (node_modules/react-dotdotdot/src/index.js:37:19)
at Dotdotdot.Object.<anonymous>.Dotdotdot.componentDidMount (node_modules/react-dotdotdot/src/index.js:25:8)
at commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:5347:26)
at commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7018:9)
at HTMLUnknownElement.callCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:906:14)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:193:27)
at HTMLUnknownElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
at HTMLUnknownElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
at HTMLUnknownElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
at HTMLUnknownElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
at Object.invokeGuardedCallbackDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:944:16)
at invokeGuardedCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:993:29)
at commitRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7157:9)
at completeRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8065:36)
at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8015:11)
at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7933:9)
at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7910:5)
at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7810:7)
at scheduleWorkImpl (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7685:13)
at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7645:12)
at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8273:5)
at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8301:12)
at Object.updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8328:14)
at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9009:18)
at Object.<anonymous> (src/__tests__/StoryDetailsCTARow/StoryDetailsCTARow.test.tsx:25:47)
getting this error as react Dotdotdot not able to access container ref in case of snapshot testing
this.dotdotdot(ReactDOM.findDOMNode(this.refs.container));
.some of my finding:- 1> https://facebook.github.io/react/blog/2016/11/16/react-v15.4.0.html#mocking-refs-for-snapshot-testing 2> https://github.com/facebook/react/issues/7371