jsdom throw error on mode 'horizontal'
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 30/100
- Tipo de issue
- Error
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Reproduce el fallo del ejemplo Menu mode='horizontal' en Header.test.tsx y, a continuación, inspecciona la llamada a DOMWrap.componentDidMount mostrada en el stack trace en node_modules/antd/node_modules/rc-menu/lib/DOMWrap.js. Traza por qué MutationObserver.observe recibe un valor que no es un Node bajo react-test-renderer y verifica que el ejemplo se renderiza sin el TypeError indicado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
version: "7.4.23
react-test-renderer is 16.9.0
react: 16.9.0
typescript: 3.6.3
import React from 'react'
import renderer from 'react-test-renderer'
import { Menu } from 'antd'
describe('component: MainHeader', () => {
it('base: should render success', () => {
const component = renderer.create(
<Menu
mode='horizontal'
/>
)
})
})
error message
console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
Error: Uncaught [TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.]
at reportException (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\helpers\runtime-script-errors.js:62:24)
at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:331:9)
at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)
at HTMLUnknownElement.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\EventTarget.js:144:23)
at Object.invokeGuardedCallbackDev (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11665:16)
at invokeGuardedCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11718:31)
at commitRootImpl (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15012:9)
at unstable_runWithPriority (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\node_modules\scheduler\cjs\scheduler.development.js:815:12) TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at convert (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\Node.js:573:11)
at MutationObserver.observe (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\MutationObserver.js:41:16)
at DOMWrap.componentDidMount (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\antd\node_modules\rc-menu\lib\DOMWrap.js:284:33)
at commitLifeCycles (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:12078:22)
at commitLayoutEffects (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15276:7)
at HTMLUnknownElement.callCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11616:14)
at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:315:27)
at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)
console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11818
The above error occurred in the <DOMWrap> component:
in DOMWrap (created by SubPopupMenu)
in SubPopupMenu (created by Connect(SubPopupMenu))
in Connect(SubPopupMenu) (created by Menu)
in Provider (created by Menu)
in Menu (created by Context.Consumer)
in InternalMenu (created by Context.Consumer)
in Menu (at Header.test.tsx:10)
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.
TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at convert (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\Node.js:573:11)
at MutationObserver.observe (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\generated\MutationObserver.js:41:16)
at DOMWrap.componentDidMount (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\antd\node_modules\rc-menu\lib\DOMWrap.js:284:33)
at commitLifeCycles (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:12078:22)
at commitLayoutEffects (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:15276:7)
at HTMLUnknownElement.callCallback (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\react-test-renderer\cjs\react-test-renderer.development.js:11616:14)
at innerInvokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:315:27)
at invokeEventListeners (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:266:3)
at HTMLUnknownElementImpl._dispatch (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:212:11)
at HTMLUnknownElementImpl.dispatchEvent (C:\Users\76128\Desktop\work\hyraki-fe\node_modules\jsdom\lib\jsdom\living\events\EventTarget-impl.js:87:17)
- Lenguaje dominante
- TypeScript
- Estrellas
- 701
- Forks
- 266
- Merge medio
- 4 d 11 h
- PR fusionados (30 d)
- 3
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/menu
-
封装 Menu 子组件时导致的 key 不能正常传递的坑 Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 38/100
react-component/menu#833 · 1 comentario ·
-
Ho Abierto
Dificultad 5/5 Más de una semana Aptitud para principiantes 1/100
react-component/menu#790 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
react-component/menu#743 ·
-
二次封装时,无法获取到rc-menu中的context下发的值 Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
react-component/menu#742 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
react-component/menu#732 · 1 reacción ·
Todos los issues de react-component/menu
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
mksglu/context-mode#1200 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
jaegertracing/jaeger-ui#4506 ·
-
area:desktop area:ui bug platform:macos
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
anthropics/claude-code#96687 ·
-
good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 95/100
AOSSIE-Org/DebateAI#582 · 2 comentarios ·