Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot read properties of undefined (reading 'destroy')] error when running test for IxSelect. #926

Closed
Ooner opened this issue Nov 20, 2023 · 1 comment · Fixed by #1000
Assignees
Labels
type: bug Something isn't working

Comments

@Ooner
Copy link

Ooner commented Nov 20, 2023

What happened?

When I run test for a component that use IxSelect, It gives the following error.

console.error
Error: Uncaught [TypeError: Cannot read properties of undefined (reading 'destroy')]
at reportException (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at invokeCEReactions (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:193:7)
at ceReactionsPostSteps (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:54:3)
at HTMLDivElement.removeChild (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/generated/Node.js:474:9)
at removeChild (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:11105:15)
at removeChildFromContainer (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24026:15)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23989:5)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24133:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23989:5)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24118:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23989:5)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24118:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23976:5)
at commitDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24259:9)
at recursivelyTraverseMutationEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24432:9)
at commitMutationEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:24243:3)
at commitMutationEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:26810:5)
at commitRootImpl (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:26682:5)
at commitRoot (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:26117:3)
at callback (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:12042:22)
at flushSyncCallbacks (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:26201:7)
at ReactDOMRoot.flushSync [as unmount] (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:29336:5)
at Object.unmount (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:135:12)
at unmount (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:262:12)
at callback (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/act-compat.js:47:24)
at callback (/home/projects/qnpjpb/node_modules/react/cjs/react.development.js:2512:16)
at actImplementation (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/act-compat.js:46:25)
at eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:261:27)
at Array.forEach ()
at forEach (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:257:22)
at Object.eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/index.js:29:24)
at Promise.then.completed (/home/projects/qnpjpb/node_modules/jest-circus/build/utils.js:298:28)
at new Promise ()
at callAsyncCircusFn (/home/projects/qnpjpb/node_modules/jest-circus/build/utils.js:231:10)
at _callCircusHook (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:281:40)
at _runTest (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:254:5)
at _runTestsForDescribeBlock (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:126:9)
at _runTestsForDescribeBlock (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:121:9)
at run (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:71:3)
at runAndTransformResultsToJestFormat (/home/projects/qnpjpb/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21) {
detail: TypeError: Cannot read properties of undefined (reading 'destroy')
at proto.disconnectedCallback (/home/projects/qnpjpb/node_modules/@siemens/ix/components/listener.js:67:41)
at Select.invokeTheCallbackFunction (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at invokeCEReactions (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:188:31)
at ceReactionsPostSteps (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:54:3)
at HTMLDivElement.removeChild (/home/projects/qnpjpb/node_modules/jsdom/lib/jsdom/living/generated/Node.js:474:9)
at removeChildFromContainer (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:9757:19)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20789:19)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20755:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20878:13)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20755:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20866:13)
at recursivelyTraverseDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20755:9)
at commitDeletionEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20866:13)
at commitDeletionEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20745:9)
at recursivelyTraverseMutationEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20983:13)
at commitMutationEffectsOnFiber (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:21130:13)
at commitMutationEffects (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:20970:7)
at commitRootImpl (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23177:9)
at commitRoot (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:23068:9)
at performSyncWorkOnRoot (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:22577:7)
at flushSyncCallbacks (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:10575:26)
at flushSync (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:22654:11)
at Object..ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount (/home/projects/qnpjpb/node_modules/react-dom/cjs/react-dom.development.js:25318:9)
at Object.unmount (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:183:12)
at eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:319:12)
at eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/act-compat.js:72:22)
at act (/home/projects/qnpjpb/node_modules/react/cjs/react.development.js:2201:20)
at eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/act-compat.js:71:23)
at eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:318:31)
at cleanup (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/pure.js:315:22)
at Object.eval (/home/projects/qnpjpb/node_modules/@testing-library/react/dist/index.js:29:25)
at Promise.then.completed (/home/projects/qnpjpb/node_modules/jest-circus/build/utils.js:298:28)
at callAsyncCircusFn (/home/projects/qnpjpb/node_modules/jest-circus/build/utils.js:231:10)
at _callCircusHook (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:281:40)
at async _runTest (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:254:5)
at async _runTestsForDescribeBlock (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:126:9)
at async _runTestsForDescribeBlock (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:121:9)
at async run (/home/projects/qnpjpb/node_modules/jest-circus/build/run.js:71:3)
at async runAndTransformResultsToJestFormat (/home/projects/qnpjpb/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapterInit.js:122:21),
type: 'unhandled exception'
}

  at VirtualConsole.eval (node_modules/jest-environment-jsdom/build/index.js:72:23)
  at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
  at invokeCEReactions (node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:193:7)
  at ceReactionsPostSteps (node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:54:3)
  at HTMLDivElement.removeChild (node_modules/jsdom/lib/jsdom/living/generated/Node.js:474:9)
  at removeChild (node_modules/react-dom/cjs/react-dom.development.js:11105:15)
  at removeChildFromContainer (node_modules/react-dom/cjs/react-dom.development.js:24026:15)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23989:5)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24133:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23989:5)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24118:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23989:5)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24118:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23976:5)
  at commitDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24259:9)
  at recursivelyTraverseMutationEffects (node_modules/react-dom/cjs/react-dom.development.js:24432:9)
  at commitMutationEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24243:3)
  at commitMutationEffects (node_modules/react-dom/cjs/react-dom.development.js:26810:5)
  at commitRootImpl (node_modules/react-dom/cjs/react-dom.development.js:26682:5)
  at commitRoot (node_modules/react-dom/cjs/react-dom.development.js:26117:3)
  at callback (node_modules/react-dom/cjs/react-dom.development.js:12042:22)
  at flushSyncCallbacks (node_modules/react-dom/cjs/react-dom.development.js:26201:7)
  at ReactDOMRoot.flushSync [as unmount] (node_modules/react-dom/cjs/react-dom.development.js:29336:5)
  at Object.unmount (node_modules/@testing-library/react/dist/pure.js:135:12)
  at unmount (node_modules/@testing-library/react/dist/pure.js:262:12)
  at callback (node_modules/@testing-library/react/dist/act-compat.js:47:24)
  at callback (node_modules/react/cjs/react.development.js:2512:16)
  at actImplementation (node_modules/@testing-library/react/dist/act-compat.js:46:25)
  at eval (node_modules/@testing-library/react/dist/pure.js:261:27)
      at Array.forEach (<anonymous>)
  at forEach (node_modules/@testing-library/react/dist/pure.js:257:22)
  at Object.eval (node_modules/@testing-library/react/dist/index.js:29:24)

FAIL src/select.spec.tsx (6.459 s)
test select
✕ render select (226 ms)

● test select › render select

Expected value   undefined
Received:
  undefined

Message:
  Cannot read properties of undefined (reading 'destroy')

Difference:

Compared values have no visual difference.TypeError:

  at proto.disconnectedCallback (node_modules/@siemens/ix/components/listener.js:67:41)
  at Select.invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
  at invokeCEReactions (node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:188:31)
  at ceReactionsPostSteps (node_modules/jsdom/lib/jsdom/living/helpers/custom-elements.js:54:3)
  at HTMLDivElement.removeChild (node_modules/jsdom/lib/jsdom/living/generated/Node.js:474:9)
  at removeChildFromContainer (node_modules/react-dom/cjs/react-dom.development.js:9757:19)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:20789:19)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:20755:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:20878:13)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:20755:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:20866:13)
  at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:20755:9)
  at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:20866:13)
  at commitDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:20745:9)
  at recursivelyTraverseMutationEffects (node_modules/react-dom/cjs/react-dom.development.js:20983:13)
  at commitMutationEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:21130:13)
  at commitMutationEffects (node_modules/react-dom/cjs/react-dom.development.js:20970:7)
  at commitRootImpl (node_modules/react-dom/cjs/react-dom.development.js:23177:9)
  at commitRoot (node_modules/react-dom/cjs/react-dom.development.js:23068:9)
  at performSyncWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:22577:7)
  at flushSyncCallbacks (node_modules/react-dom/cjs/react-dom.development.js:10575:26)
  at flushSync (node_modules/react-dom/cjs/react-dom.development.js:22654:11)
  at Object.<anonymous>.ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount (node_modules/react-dom/cjs/react-dom.development.js:25318:9)
  at Object.unmount (node_modules/@testing-library/react/dist/pure.js:183:12)
  at eval (node_modules/@testing-library/react/dist/pure.js:319:12)
  at eval (node_modules/@testing-library/react/dist/act-compat.js:72:22)
  at act (node_modules/react/cjs/react.development.js:2201:20)
  at eval (node_modules/@testing-library/react/dist/act-compat.js:71:23)
  at eval (node_modules/@testing-library/react/dist/pure.js:318:31)
  at cleanup (node_modules/@testing-library/react/dist/pure.js:315:22)
  at Object.eval (node_modules/@testing-library/react/dist/index.js:29:25)

Test Suites: 1 failed, 1 total
Tests: 1 failed, 1 total
Snapshots: 0 total
Time: 7.299 s
Ran all test suites.

What type of frontend frameware are you seeing the problem on?

React

Which version of iX do you use?

v2.0.4

Code to produce this issue.

https://stackblitz.com/edit/qnpjpb?file=package.json
@Ooner Ooner added the triage We discuss this topic in our internal weekly label Nov 20, 2023
@charlesp-siemens
Copy link

+1. I am getting a very similar error that's failing a lot of our tests related to IxDropdown since updating to Ix 2.0.4 (React). Here is the stack trace:

TypeError: Cannot read properties of undefined (reading 'destroy')
at Dropdown.proto.disconnectedCallback (C:\Users\z004asyt\workspace\greactions\node_modules@siemens\ix\components\src\components\utils\listener.ts:84:35)
at Dropdown.invokeTheCallbackFunction (C:\Users\z004asyt\workspace\greactions\node_modules\jsdom\lib\jsdom\living\generated\Function.js:23:26)
at invokeCEReactions (C:\Users\z004asyt\workspace\greactions\node_modules\jsdom\lib\jsdom\living\helpers\custom-elements.js:188:31)
at ceReactionsPostSteps (C:\Users\z004asyt\workspace\greactions\node_modules\jsdom\lib\jsdom\living\helpers\custom-elements.js:54:3)
at HTMLDivElement.removeChild (C:\Users\z004asyt\workspace\greactions\node_modules\jsdom\lib\jsdom\living\generated\Node.js:452:9)
at removeChildFromContainer (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:11105:15)
at commitDeletionEffectsOnFiber (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24026:15)
at recursivelyTraverseDeletionEffects (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:23989:5)
at commitDeletionEffectsOnFiber (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24118:9)
at recursivelyTraverseDeletionEffects (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:23989:5)
at commitDeletionEffectsOnFiber (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24170:9)
at commitDeletionEffects (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:23976:5)
at recursivelyTraverseMutationEffects (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24259:9)
at commitMutationEffectsOnFiber (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24432:9)
at commitMutationEffects (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:24243:3)
at commitRootImpl (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:26810:5)
at commitRoot (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:26682:5)
at callback (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:26117:3)
at flushSyncCallbacks (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:12042:22)
at flushSync (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:26201:7)
at ReactDOMRoot.unmount (C:\Users\z004asyt\workspace\greactions\node_modules\react-dom\cjs\react-dom.development.js:29336:5)
at Object.unmount (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\pure.js:126:12)
at callback (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\pure.js:262:12)
at callback (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\act-compat.js:64:24)
at actImplementation (C:\Users\z004asyt\workspace\greactions\node_modules\react\cjs\react.development.js:2512:16)
at C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\act-compat.js:63:25
at forEach (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\pure.js:261:27)
at Array.forEach ()
at cleanup (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\pure.js:257:22)
at Object. (C:\Users\z004asyt\workspace\greactions\node_modules@testing-library\react\dist\index.js:35:24)
at Promise.then.completed (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\utils.js:391:28)
at new Promise ()
at callAsyncCircusFn (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\utils.js:316:10)
at _callCircusHook (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\run.js:181:40)
at _runTest (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\run.js:158:5)
at _runTestsForDescribeBlock (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\run.js:66:9)
at _runTestsForDescribeBlock (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\run.js:60:9)
at run (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\run.js:25:3)
at runAndTransformResultsToJestFormat (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\legacy-code-todo-rewrite\jestAdapterInit.js:170:21)
at jestAdapter (C:\Users\z004asyt\workspace\greactions\node_modules\jest-circus\build\legacy-code-todo-rewrite\jestAdapter.js:68:19)
at runTestInternal (C:\Users\z004asyt\workspace\greactions\node_modules\jest-runner\build\runTest.js:389:16)
at runTest (C:\Users\z004asyt\workspace\greactions\node_modules\jest-runner\build\runTest.js:475:34)
at Object.worker (C:\Users\z004asyt\workspace\greactions\node_modules\jest-runner\build\testWorker.js:133:12)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants