Material-table: unable to test react-test-render

Created on 27 Mar 2019  ·  8Comments  ·  Source: mbrn/material-table

Describe the bug
react-test-render throwing exception

To Reproduce
Steps to reproduce the behavior:
renderer
.create(


columns={columns}
data={[]}
options={{
filtering: true,
pageSize: 20
}}
title="Config List"
/>


)
.toJSON();

Expected behavior
snapshot created
Desktop (please complete the following information):*
react-test-render

Console

console.error node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js:29
  Error: Uncaught [Error: Invariant failed:
      provided.innerRef has not been provided with a HTMLElement.

      You can find a guide on using the innerRef callback functions at:
      https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md
    ]
      at reportException (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
      at invokeEventListeners (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:209:9)
      at HTMLUnknownElementImpl._dispatch (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
      at HTMLUnknownElement.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
      at Object.invokeGuardedCallbackDev (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
      at invokeGuardedCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
      at commitRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5 Error: Invariant failed:
      provided.innerRef has not been provided with a HTMLElement.

      You can find a guide on using the innerRef callback functions at:
      https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

      at invariant (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:13:11)
      at throwIfRefIsInvalid (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5855:74)
      at Droppable.componentDidMount (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5922:5)
      at commitLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9253:22)
      at commitAllLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10650:7)
      at HTMLUnknownElement.callCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2374:14)
      at invokeEventListeners (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:193:27)
      at HTMLUnknownElementImpl._dispatch (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
      at HTMLUnknownElement.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
      at Object.invokeGuardedCallbackDev (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
      at invokeGuardedCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
      at commitRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5
      at Object.unstable_runWithPriority (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/node_modules/scheduler/cjs/scheduler.development.js:255:12)
      at completeRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12312:13)
      at performWorkOnRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12241:9)
      at performWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12149:7)
      at performSyncWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12123:3)
      at requestWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11992:5)
      at scheduleWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11807:5)
      at scheduleRootUpdate (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12406:3)
      at updateContainerAtExpirationTime (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12434:10)
      at updateContainer (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12445:10)
      at Object.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12878:5)
      at Suite.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:43:6)
      at addSpecsToSuite (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:339:25)
      at Env.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:308:7)
      at describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/jasmine_light.js:99:18)
      at Object.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:41:1)
      at Runtime._execModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:694:13)
      at Runtime.requireModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:376:14)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:129:13
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:170:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:189:14
      at new Promise (<anonymous>)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:167:12
      at jasmine2 (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:138:17)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:187:24
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:315:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:326:15
      at process._tickCallback (internal/process/next_tick.js:68:7)
console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9036
  The above error occurred in the <Droppable> component:
      in Droppable (created by Connect(Droppable))
      in Connect(Droppable) (created by MaterialTable)
      in div (created by ScrollBar)
      in ScrollBar (created by MaterialTable)
      in div (created by Paper)
      in Paper (created by WithStyles(Paper))
      in WithStyles(Paper) (created by MaterialTable)
      in DragDropContext (created by MaterialTable)
      in MaterialTable (created by WithStyles(MaterialTable))
      in WithStyles(MaterialTable) (at Table.test.js:46)
      in Router (created by StaticRouter)
      in StaticRouter (at Table.test.js:45)
      in div (at Table.test.js:44)

  React will try to recreate this component tree from scratch using the error boundary you provided, DragDropContext.
console.error node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5230
  %creact-beautiful-dnd

   %cAn error has occurred while a drag is occurring.
   Any existing drag will be cancelled.

   > Invariant failed:
   provided.innerRef has not been provided with a HTMLElement.

   You can find a guide on using the innerRef callback functions at:
   https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

   %c👷‍ This is a development only message. It will be removed in production builds. color: #00C584; font-size: 1.2em; font-weight: bold; line-height: 1.5 color: #723874;
console.error node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5232
  raw Error: Invariant failed:
      provided.innerRef has not been provided with a HTMLElement.

      You can find a guide on using the innerRef callback functions at:
      https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

      at invariant (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:13:11)
      at throwIfRefIsInvalid (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5855:74)
      at Droppable.componentDidMount (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5922:5)
      at commitLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9253:22)
      at commitAllLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10650:7)
      at HTMLUnknownElement.callCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2374:14)
      at invokeEventListeners (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:193:27)
      at HTMLUnknownElementImpl._dispatch (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
      at HTMLUnknownElement.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
      at Object.invokeGuardedCallbackDev (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
      at invokeGuardedCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
      at commitRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5
      at Object.unstable_runWithPriority (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/node_modules/scheduler/cjs/scheduler.development.js:255:12)
      at completeRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12312:13)
      at performWorkOnRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12241:9)
      at performWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12149:7)
      at performSyncWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12123:3)
      at requestWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11992:5)
      at scheduleWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11807:5)
      at scheduleRootUpdate (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12406:3)
      at updateContainerAtExpirationTime (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12434:10)
      at updateContainer (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12445:10)
      at Object.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12878:5)
      at Suite.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:43:6)
      at addSpecsToSuite (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:339:25)
      at Env.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:308:7)
      at describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/jasmine_light.js:99:18)
      at Object.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:41:1)
      at Runtime._execModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:694:13)
      at Runtime.requireModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:376:14)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:129:13
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:170:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:189:14
      at new Promise (<anonymous>)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:167:12
      at jasmine2 (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:138:17)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:187:24
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:315:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:326:15
      at process._tickCallback (internal/process/next_tick.js:68:7)
console.error node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5230
  %creact-beautiful-dnd

   %cAn error has occurred while a drag is occurring.
   Any existing drag will be cancelled.

   > Invariant failed:
   provided.innerRef has not been provided with a HTMLElement.

   You can find a guide on using the innerRef callback functions at:
   https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

   %c👷‍ This is a development only message. It will be removed in production builds. color: #00C584; font-size: 1.2em; font-weight: bold; line-height: 1.5 color: #723874;
console.error node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5232
  raw ErrorEvent { isTrusted: [Getter] }
console.error node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js:29
  Error: Uncaught [Error: Invariant failed:
      provided.innerRef has not been provided with a HTMLElement.

      You can find a guide on using the innerRef callback functions at:
      https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md
    ]
      at reportException (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
      at invokeEventListeners (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:209:9)
      at HTMLUnknownElementImpl._dispatch (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
      at HTMLUnknownElement.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
      at Object.invokeGuardedCallbackDev (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
      at invokeGuardedCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
      at commitRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5 Error: Invariant failed:
      provided.innerRef has not been provided with a HTMLElement.

      You can find a guide on using the innerRef callback functions at:
      https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

      at invariant (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:13:11)
      at throwIfRefIsInvalid (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5855:74)
      at Droppable.componentDidMount (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5922:5)
      at commitLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9253:22)
      at commitAllLifeCycles (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10650:7)
      at HTMLUnknownElement.callCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2374:14)
      at invokeEventListeners (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:193:27)
      at HTMLUnknownElementImpl._dispatch (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17)
      at HTMLUnknownElementImpl.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27)
      at HTMLUnknownElement.dispatchEvent (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21)
      at Object.invokeGuardedCallbackDev (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
      at invokeGuardedCallback (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
      at commitRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5
      at Object.unstable_runWithPriority (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/node_modules/scheduler/cjs/scheduler.development.js:255:12)
      at completeRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12312:13)
      at performWorkOnRoot (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12241:9)
      at performWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12149:7)
      at performSyncWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12123:3)
      at requestWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11992:5)
      at scheduleWork (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11807:5)
      at scheduleRootUpdate (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12406:3)
      at updateContainerAtExpirationTime (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12434:10)
      at updateContainer (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12445:10)
      at Object.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12878:5)
      at Suite.create (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:43:6)
      at addSpecsToSuite (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:339:25)
      at Env.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/Env.js:308:7)
      at describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/jasmine/jasmine_light.js:99:18)
      at Object.describe (/Users/spasupuleti4/Downloads/reactivecjob/frontend/src/Pages/ConfigList/Table.test.js:41:1)
      at Runtime._execModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:694:13)
      at Runtime.requireModule (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runtime/build/index.js:376:14)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:129:13
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:170:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:189:14
      at new Promise (<anonymous>)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:167:12
      at jasmine2 (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-jasmine2/build/index.js:138:17)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:187:24
      at Generator.next (<anonymous>)
      at step (/Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:315:30)
      at /Users/spasupuleti4/Downloads/reactivecjob/frontend/node_modules/jest-runner/build/run_test.js:326:15
      at process._tickCallback (internal/process/next_tick.js:68:7)
console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9036
  The above error occurred in the <Droppable> component:
      in Droppable (created by Connect(Droppable))
      in Connect(Droppable) (created by MaterialTable)
      in div (created by ScrollBar)
      in ScrollBar (created by MaterialTable)
      in div (created by Paper)
      in Paper (created by WithStyles(Paper))
      in WithStyles(Paper) (created by MaterialTable)
      in DragDropContext (created by MaterialTable)
      in MaterialTable (created by WithStyles(MaterialTable))
      in WithStyles(MaterialTable) (at Table.test.js:46)
      in Router (created by StaticRouter)
      in StaticRouter (at Table.test.js:45)
      in div (at Table.test.js:44)

  Consider adding an error boundary to your tree to customize error handling behavior.
  Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

● Render Table › encountered a declaration exception

Invariant failed:
    provided.innerRef has not been provided with a HTMLElement.

    You can find a guide on using the innerRef callback functions at:
    https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

  41 | describe('Render Table', () => {
  42 |   const result = renderer
> 43 |     .create(
     |      ^
  44 |       <div>
  45 |         <StaticRouter location="someLocation" context={{}}>
  46 |           <MaterialTable


  at invariant (node_modules/tiny-invariant/dist/tiny-invariant.cjs.js:13:11)
  at throwIfRefIsInvalid (node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5855:74)
  at Droppable.componentDidMount (node_modules/react-beautiful-dnd/dist/react-beautiful-dnd.cjs.js:5922:5)
  at commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9253:22)
  at commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10650:7)
  at HTMLUnknownElement.callCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2374:14)
  at Object.invokeGuardedCallbackDev (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2424:16)
  at invokeGuardedCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2477:31)
  at commitRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10862:7)
  at node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12313:5
  at Object.unstable_runWithPriority (node_modules/react-test-renderer/node_modules/scheduler/cjs/scheduler.development.js:255:12)
  at completeRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12312:13)
  at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12241:9)
  at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12149:7)
  at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12123:3)
  at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11992:5)
  at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11807:5)
  at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12406:3)
  at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12434:10)
  at updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12445:10)
  at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12878:5)
  at Suite.create (src/Pages/ConfigList/Table.test.js:43:6)
  at Object.describe (src/Pages/ConfigList/Table.test.js:41:1)

Test Suites: 1 failed, 4 passed, 5 total

help wanted wontfix

Most helpful comment

I'm having the same problem.. not able to test Material Table with react-test-render! is there a plan to fix this soon?

You can get around this with setting the material table option draggable: false, and then your test can go through.

BUT the react test framework will still throw an exception which isn't great.

@mbrn How do you test your apps consuming MaterialTable?

I'd also like to know

All 8 comments

Hi @arunasri ,

I have not used react-test-render. I will try it on material-table asap.

@mbrn How do you test your apps consuming MaterialTable?

Hello everyone,
I have the exact same error too.
Has anyone found a workaround ?

I'm having the same problem.. not able to test Material Table with react-test-render! is there a plan to fix this soon?

You can get around this with setting the material table option draggable: false, and then your test can go through.

BUT the react test framework will still throw an exception which isn't great.

@mbrn How do you test your apps consuming MaterialTable?

I'd also like to know

I'm getting the same issue when trying to test the rendering:

const tree = renderer.create(<ComponentContainingMaterialTable />).toJSON();

@sniperman23 's work around is not working.

Is there any update on this?

Bump

Also having this issue, any help would be appreciated!

EDIT: I found a solution:

https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core#using-createnodemock-to-mock-refs
https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#mocking-refs-for-snapshot-testing

Passing an object like this to Storyshots solved my issue.

{
  test: snapshotWithOptions({
    createNodeMock: (element) => {
      if (element.type === 'div') {
        return document.createElement('div');
      }
    },
  }),
}

The problem I am now having is that a few ID's are randomly generated and therefore snapshot testing is useless:

                        <div
                          aria-haspopup="listbox"
    -                     aria-labelledby="mui-882 mui-90961"
    +                     aria-labelledby="mui-82717 mui-55176"
                          className="MuiSelect-root MuiSelect-select MuiTablePagination-select MuiSelect-selectMenu MuiInputBase-input"
    -                     id="mui-90961"
    +                     id="mui-55176"

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jlgreene2 picture jlgreene2  ·  3Comments

bohrsty picture bohrsty  ·  3Comments

rasheedb picture rasheedb  ·  3Comments

timrchavez picture timrchavez  ·  3Comments

KKrisu picture KKrisu  ·  3Comments