reactjs - txt - ¿Dónde debería escribirse el archivo de configuración de la enzima?

verificar dominio godaddy

Question

Ayer actualicé mi proyecto React a v16.0, pero encontré que Enzyme tenía algunos problemas

 Error:
Enzyme Internal Error: Enzyme expects an adapter to be configured, but found none. To
configure an adapter, you should call `Enzyme.configure({ adapter: new Adapter() })`
before using any of Enzyme''s top level APIs, where `Adapter` is the adapter
corresponding to the library currently being tested. For example:
import Adapter from ''enzyme-adapter-react-15'';
To find out more about this, see http://airbnb.io/enzyme/docs/installation/index.html
at validateAdapter (spec/components/page_components/SongListItem/index.spec.js:9:1141986)
at getAdapter (spec/components/page_components/SongListItem/index.spec.js:9:323041)
at new ReactWrapper (spec/components/page_components/SongListItem/index.spec.js:9:622193)
at mount (spec/components/page_components/SongListItem/index.spec.js:9:2025476)
at UserContext.<anonymous> (spec/components/page_components/SongListItem/index.spec.js:9:1235741)

Y encontré una solución en la website oficial.

// setup file
import { configure } from ''enzyme'';
import Adapter from ''enzyme-adapter-react-16'';
configure({ adapter: new Adapter() });

Pero tengo un problema: ¿Dónde debería escribirse el archivo de configuración de la enzima? ¿Frente a cada archivo de prueba?

Intenté agregar el código anterior a uno de los archivos de prueba, pero todavía hay un problema

 Internal error: attempt to prepend statements in disallowed (non-array) context at C:/Users/killer/workspace/react/NetEase-Cloud-Music-Web/spec/components/page_components/SongListItem/index.spec.js

This es la dirección de mi proyecto.

Answer 1

Para las personas que utilizan create-react-app , la ruta esperada para su archivo de configuración es src/setupTests.js . Vea la documentation (README) en GitHub:

Inicializando el entorno de prueba

Nota: esta función está disponible con [email protected] y superior. Si su aplicación utiliza una API de navegador que necesita para simularse en sus pruebas o si solo necesita una configuración global antes de ejecutar sus pruebas, agregue un src / setupTests.js a su proyecto. Se ejecutará automáticamente antes de ejecutar sus pruebas.

(Como create-react-app no ​​maneja, al menos en v1.4.1, la opción setupTestFrameworkScriptFile en package.json).

Answer 2

Tuve un problema similar

Si está utilizando jest para ejecutar sus pruebas, puede crear un archivo test-setup.js y agregar el fragmento de la documentación de enzimas:

// test-setup.js
import { configure } from ''enzyme'';
import Adapter from ''enzyme-adapter-react-16'';
configure({ adapter: new Adapter() });

a continuación, agregue una clave setupTestFrameworkScriptFile en su configuración de jest y apunte a ese archivo. Por ejemplo, si su configuración jest está en package.json :

// package.json
{
...,
"jest": {
"setupTestFrameworkScriptFile": "<rootDir>/test-setup.js"
}
}

de los documentos de prueba https://facebook.github.io/jest/docs/en/configuration.html#setuptestframeworkscriptfile-string :

La ruta a un módulo que ejecuta algún código para configurar o configurar el marco de prueba antes de cada prueba. Como setupFiles se ejecuta antes de que el marco de prueba se instale en el entorno, este archivo de comandos le ofrece la oportunidad de ejecutar algún código inmediatamente después de que el marco de prueba se haya instalado en el entorno.

Esto se ejecutará después de que se inicialice el entorno de jest, pero antes de que se ejecuten las pruebas de enzimas