はじめに
お疲れ様です、りつです。
テスト実行中にタイトルのエラーに遭遇しましたので記事を記載します。
問題
エラーが長文のため、以下に抜粋した内容を記載します。
エラー内容
PASS src/__tests__/businessCardComponent.spec.tsx
FAIL src/__tests__/register.spec.tsx
● Console
console.error
Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
/** 以下省略 **/
エラー内容(全文)
エラー内容
PASS src/__tests__/businessCardComponent.spec.tsx
FAIL src/__tests__/register.spec.tsx
● Console
console.error
Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:119:18
at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout._onTimeout (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
at listOnTimeout (node:internal/timers:614:17)
at processTimers (node:internal/timers:549:7) {
detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.performStateChangeEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:594:14)
at Machine.transition (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:641:12)
at Machine.send (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:626:12)
at onDismiss (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:809:15)
at onPointerDownOutside (/home/ritsu/workspace/business-card/node_modules/@zag-js/dismissable/dist/index.js:136:16)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:100:9
at Array.forEach (<anonymous>)
at HTMLDivElement.<anonymous> (/home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:99:7)
at HTMLDivElement.callTheUserObjectsOperation (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:119:18
at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout._onTimeout (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
at listOnTimeout (node:internal/timers:614:17)
at processTimers (node:internal/timers:549:7),
type: 'unhandled exception'
}
at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
at node_modules/@zag-js/interact-outside/dist/index.js:119:18
at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
console.error
Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:153:16
at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout.<anonymous> (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
at listOnTimeout (node:internal/timers:614:17)
at processTimers (node:internal/timers:549:7) {
detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.performStateChangeEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:594:14)
at Machine.transition (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:641:12)
at Machine.send (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:626:12)
at onDismiss (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:809:15)
at onFocusOutside (/home/ritsu/workspace/business-card/node_modules/@zag-js/dismissable/dist/index.js:147:16)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:100:9
at Array.forEach (<anonymous>)
at HTMLDivElement.<anonymous> (/home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:99:7)
at HTMLDivElement.callTheUserObjectsOperation (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:153:16
at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout.<anonymous> (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
at listOnTimeout (node:internal/timers:614:17)
at processTimers (node:internal/timers:549:7),
type: 'unhandled exception'
}
at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
at node_modules/@zag-js/interact-outside/dist/index.js:153:16
at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout.<anonymous> (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
console.error
Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLUnknownElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLUnknownElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLUnknownElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.invokeGuardedCallbackDev (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:4213:16)
at invokeGuardedCallback (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:4277:31)
at reportUncaughtErrorInDEV (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22877:5)
at captureCommitPhaseError (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:27165:5)
at safelyCallDestroy (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22973:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24142:23)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9) {
detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.stop (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:258:12)
at /home/ritsu/workspace/business-card/node_modules/@zag-js/react/dist/index.js:177:15
at safelyCallDestroy (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22971:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24142:23)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5),
type: 'unhandled exception'
}
at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLUnknownElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLUnknownElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLUnknownElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.invokeGuardedCallbackDev (node_modules/react-dom/cjs/react-dom.development.js:4213:16)
at invokeGuardedCallback (node_modules/react-dom/cjs/react-dom.development.js:4277:31)
at reportUncaughtErrorInDEV (node_modules/react-dom/cjs/react-dom.development.js:22877:5)
at captureCommitPhaseError (node_modules/react-dom/cjs/react-dom.development.js:27165:5)
at safelyCallDestroy (node_modules/react-dom/cjs/react-dom.development.js:22973:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24142:23)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
console.error
The above error occurred in the <ForwardRef(SelectImpl)> component:
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at SelectRoot (/home/ritsu/workspace/business-card/src/components/ui/select.tsx:104:86)
at onSubmit (/home/ritsu/workspace/business-card/node_modules/react-hook-form/src/form.tsx:39:5)
at div
at /home/ritsu/workspace/business-card/node_modules/@ark-ui/react/dist/components/factory.cjs:25:15
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at Field (/home/ritsu/workspace/business-card/src/components/ui/field.tsx:13:13)
at div
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at Stack2 (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/components/stack/stack.cjs:19:7)
at div
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at form
at div
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at div
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at Stack2 (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/components/stack/stack.cjs:19:7)
at div
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at RenderedRoute (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:4500:26)
at RenderedRoute (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:4500:26)
at Routes (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5187:3)
at App
at ChakraProvider (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/styled-system/provider.cjs:15:18)
at Router (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5130:13)
at MemoryRouter (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5052:3)
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
at logCapturedError (node_modules/react-dom/cjs/react-dom.development.js:18704:23)
at update.callback (node_modules/react-dom/cjs/react-dom.development.js:18737:5)
at callCallback (node_modules/react-dom/cjs/react-dom.development.js:15036:12)
at commitUpdateQueue (node_modules/react-dom/cjs/react-dom.development.js:15057:9)
at commitLayoutEffectOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23430:13)
at commitLayoutMountEffects_complete (node_modules/react-dom/cjs/react-dom.development.js:24727:9)
at commitLayoutEffects_begin (node_modules/react-dom/cjs/react-dom.development.js:24713:7)
at commitLayoutEffects (node_modules/react-dom/cjs/react-dom.development.js:24651:3)
at commitRootImpl (node_modules/react-dom/cjs/react-dom.development.js:26862:5)
at commitRoot (node_modules/react-dom/cjs/react-dom.development.js:26721:5)
at performSyncWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:26156:3)
at flushSyncCallbacks (node_modules/react-dom/cjs/react-dom.development.js:12042:22)
at flushSync (node_modules/react-dom/cjs/react-dom.development.js:26240:7)
at ReactDOMRoot.Object.<anonymous>.ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount [as unmount] (node_modules/react-dom/cjs/react-dom.development.js:29375:5)
at Object.unmount (node_modules/@testing-library/react/dist/pure.js:155:12)
at node_modules/@testing-library/react/dist/pure.js:286:12
at node_modules/@testing-library/react/dist/act-compat.js:48:24
at act (node_modules/react/cjs/react.development.js:2512:16)
at node_modules/@testing-library/react/dist/act-compat.js:47:25
at node_modules/@testing-library/react/dist/pure.js:285:28
at Array.forEach (<anonymous>)
at cleanup (node_modules/@testing-library/react/dist/pure.js:281:22)
at Object.<anonymous> (node_modules/@testing-library/react/dist/index.js:28:25)
● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること
TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.performStateChangeEffects (node_modules/@zag-js/core/dist/index.js:594:14)
at Machine.transition (node_modules/@zag-js/core/dist/index.js:641:12)
at Machine.send (node_modules/@zag-js/core/dist/index.js:626:12)
at onDismiss (node_modules/@zag-js/select/dist/index.js:809:15)
at onPointerDownOutside (node_modules/@zag-js/dismissable/dist/index.js:136:16)
at node_modules/@zag-js/utils/dist/index.js:100:9
at Array.forEach (<anonymous>)
at HTMLDivElement.<anonymous> (node_modules/@zag-js/utils/dist/index.js:99:7)
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
at node_modules/@zag-js/interact-outside/dist/index.js:119:18
at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること
TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.performStateChangeEffects (node_modules/@zag-js/core/dist/index.js:594:14)
at Machine.transition (node_modules/@zag-js/core/dist/index.js:641:12)
at Machine.send (node_modules/@zag-js/core/dist/index.js:626:12)
at onDismiss (node_modules/@zag-js/select/dist/index.js:809:15)
at onFocusOutside (node_modules/@zag-js/dismissable/dist/index.js:147:16)
at node_modules/@zag-js/utils/dist/index.js:100:9
at Array.forEach (<anonymous>)
at HTMLDivElement.<anonymous> (node_modules/@zag-js/utils/dist/index.js:99:7)
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
at node_modules/@zag-js/interact-outside/dist/index.js:153:16
at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
at Timeout.<anonymous> (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること
TypeError: dom.getContentEl(...)?.scrollTo is not a function
at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
at Machine.stop (node_modules/@zag-js/core/dist/index.js:258:12)
at node_modules/@zag-js/react/dist/index.js:177:15
at safelyCallDestroy (node_modules/react-dom/cjs/react-dom.development.js:22971:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24142:23)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
Test Suites: 1 failed, 2 passed, 3 total
Tests: 1 failed, 10 passed, 11 total
Snapshots: 0 total
Time: 2.438 s
Ran all test suites.
解決方法
以下を追加します。
Element.prototype.scrollTo = jest.fn();
修正後ソースコード
src/__tests__/register.spec.tsx
import App from '../App';
import { render, screen, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
import { MemoryRouter } from 'react-router';
import { Skill } from '@/domain/skill';
const mockFetchSkills = jest.fn();
const mockInsertUser = jest.fn();
const mockShowMessage = jest.fn();
const mockNavigator = jest.fn();
jest.mock('@/utils/supabaseFunctions', () => ({
fetchSkills: () => mockFetchSkills(),
insertUser: () => mockInsertUser(),
}));
jest.mock('@/hooks/useMessage', () => ({
useMessage: () => ({
showMessage: mockShowMessage,
}),
}));
jest.mock('react-router', () => ({
...jest.requireActual('react-router'),
useNavigate: () => mockNavigator,
}));
window.ResizeObserver =
window.ResizeObserver ||
jest.fn().mockImplementation(() => ({
disconnect: jest.fn(),
observe: jest.fn(),
unobserve: jest.fn(),
}));
+ Element.prototype.scrollTo = jest.fn();
describe('Register', () => {
beforeEach(() => {
(globalThis as any).IS_REACT_ACT_ENVIRONMENT = false;
mockFetchSkills.mockResolvedValue([new Skill(1, 'React'), new Skill(2, 'TypeScript'), new Skill(3, 'GitHub')]);
mockInsertUser.mockResolvedValue(Promise.resolve());
render(
<MemoryRouter initialEntries={['/cards/register']}>
<ChakraProvider value={defaultSystem}>
<App />
</ChakraProvider>
</MemoryRouter>
);
});
test('タイトルが表示されていること', () => {
const title = screen.getByTestId('title');
expect(title).toBeInTheDocument();
});
test('全項目入力して登録ボタンを押すとHomeページに遷移すること', async () => {
// 必須項目の入力
await userEvent.type(screen.getByTestId('input-id'), 'tanaka');
await userEvent.type(screen.getByTestId('input-name'), '田中太郎');
await userEvent.type(screen.getByTestId('input-description'), '30歳のエンジニアです。');
// スキル選択
await userEvent.click(
screen.getByRole('combobox', {
name: '好きな技術 *',
})
);
await userEvent.click(screen.getByText('React'));
await userEvent.click(screen.getByText('TypeScript'));
// オプション項目の入力
await userEvent.type(screen.getByTestId('input-github-id'), 'tanaka_github');
await userEvent.type(screen.getByTestId('input-qiita-id'), 'tanaka_qiita');
await userEvent.type(screen.getByTestId('input-x-id'), 'tanaka_x');
// フォーム送信
const registerButton = screen.getByTestId('register-button');
await userEvent.click(registerButton);
// 登録成功の確認
await waitFor(() => {
expect(mockInsertUser).toHaveBeenCalledTimes(1);
});
// TOP画面への遷移を確認
await waitFor(() => {
expect(mockNavigator).toHaveBeenCalledWith('/');
});
// トーストの確認
await waitFor(() => {
expect(mockShowMessage).toHaveBeenCalledWith({
title: '登録が完了しました',
type: 'success',
});
});
});
});
おわりに
上記により、テストが通るようになりました。