javascript - example - testing components react

No se puede encontrar el módulo ''react/lib/ReactComponentTreeHook'' desde ''ReactDebugTool.js''

Question

Estoy intentando que Jest realice una prueba de instantáneas de mi aplicación React. Las versiones de mi package.json:

  "react": "15.6.1",
  "react-dom": "15.6.1",
  "react-test-renderer": "15.6.1",

No puedo pasar este error:

● Test suite failed to run


Cannot find module ''react/lib/ReactComponentTreeHook'' from ''ReactDebugTool.js''

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:179:17)
  at Object.<anonymous> (node_modules/react-test-renderer/lib/ReactDebugTool.js:16:30)

He intentado eliminar y reinstalar mi directorio node_modules y he verificado que la ruta de acceso a mi componente es correcta, pero todavía tengo este mismo error.

Mi prueba se ve así:

import React from ''react'';
import renderer from ''react-test-renderer'';
import { Section } from ''../../app/views/containers/section'';

it(''renders correctly'', () => {
  const section = renderer.create(
    <Section key="1" section="finance"/>
  ).toJSON();
  expect(section).toMatchSnapshot();
});

¿Qué estoy haciendo mal?

Answer 1

Al actualizar a React 16.0.0, noté que necesitas actualizar react-dom a 16.0.0 y ¡funciona perfectamente!

Answer 2

En 0.47.0

Aún había errores con la respuesta aceptada que tenía que hacer lo siguiente:

"react-dom": "^16.0.0-beta.5", "react-test-renderer": "16.0.0-alpha.12",

La enzima funcionará con los cambios anteriores, pero cualquier tipo de simulación no funcionará, los toques inhabilitados hasta que sean compatibles.

Answer 3

Nos encontramos con un problema similar la semana pasada, tenemos un proyecto React-Native que se ha actualizado recientemente a:

"react-native": "0.45.1"
"react": "16.0.0-alpha.12"
"jest": "20.0.4"
"react-test-renderer": "15.5.4"

y luego intentamos ejecutar nuestras pruebas de Jest y vimos el mismo problema que mencionaste anteriormente. Luego nos dimos cuenta de que hay una versión de vanguardia del react-test-renderer y probamos esa:

"react-test-renderer": "^16.0.0-alpha.12" ,

Y ahora el problema ya no está ahí.