jest: No se pudo ejecutar el conjunto de pruebas, SyntaxError: Importación de tokens inesperada
Esta es mi configuración de jest del paquete.archivo json:
"jest": {
"automock": false,
"browser": true,
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "./app/tests/mocks/FileMock.js",
"\\.(css|less)$": "identity-obj-proxy"
},
"moduleFileExtensions": [
"js",
"jsx"
],
"moduleDirectories": [
"node_modules"
],
"transform": {
"^.+\\.jsx?$": "./node_modules/babel-jest",
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "./app/tests/mocks/FileTransformer.js"
},
"testEnvironment": "jsdom",
"testPathDirs": [
"./app/tests"
],
"testRegex": ".*.test.js",
"verbose": true
}
Y el .archivo babelrc ubicado en mi carpeta raíz:
{
"plugins": ["syntax-dynamic-import", "transform-runtime"],
"presets": [
[
"es2015",
{
"modules": false
}
],
"react",
"stage-0"
],
"env": {
"start": {
"presets": [
"react-hmre"
]
}
}
}
De acuerdo con la documentación que se encuentra en la página de inicio de jest esto es todo lo que necesito para que babel funcione es mágico.
Independientemente, esta prueba:
import React from 'react';
import {shallow} from 'enzyme';
import Landing from '../components/Landing.component';
describe('<Landing/>', () => {
it('should render a header to the page', () => {
const landing = shallow(<Landing/>);
expect(landing.find('h1').text()).toBe('This is the Landing component');
});
});
Devuelve:
FALLA la aplicación/pruebas/Aterrizaje.componente.prueba.js ● Test suite falló ejecutar
/Users/shooshte/PersonalProjects/surviveJS/app/tests/Landing.component.test.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import
React desde 'react'; ^^^^^^ SyntaxError: Importación inesperada de tokens
at transformAndBuildScript (node_modules/jest-runtime/build/transform.js:320:12)
¿Qué estoy haciendo mal?
5 answers
Jest establece la variable env para probar, por lo que tuve que agregar mis presets a la configuración env .babelrc:
{
"plugins": ["syntax-dynamic-import", "transform-runtime"],
"presets": [
[
"es2015",
{
"modules": false
}
],
"react",
"stage-0"
],
"env": {
"start": {
"presets": [
"react-hmre"
]
},
"test": {
"presets": ["es2015", "react", "stage-0"]
}
}
}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-18 18:12:29
Cada preset anual solo compila lo que fue ratificado en ese año. babel-preset-env reemplaza
es2015
,es2016
,es2017
,latest
Basado en esto, en las configuraciones más recientes debe usar/reemplazar sus Plugins/Preset de es2015
y cualquier esX
al nuevo: env
.
- debe instalar
babel-preset-env
connpm install
. - En su
.babelrc
usted debe actualizar en consecuencia:
{
"presets": [
"env",
"stage-0",
"react-native"
],
"plugins": ...
}
Más información sobre Babel plugins official Documentación.
Remember️ Recuerde que el orden de los plugins/preset en la matriz es importante.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-07-26 06:03:39
Necesita instalar babel-jest. Yo tenía el mismo problema.
Vaya al directorio de su aplicación, yarn agregue babel-jest
¡Buena suerte!
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-27 12:23:35
Lo siguiente .babelrc funciona para mí (sin adiciones):
{
"presets": [["env", {
"debug": false,
"modules": false
}], "es2015", "stage-0", "react"],
"plugins": [
"react-hot-loader/babel",
"syntax-dynamic-import",
"dynamic-import-node",
"transform-class-properties",
"transform-decorators-legacy"
]
}
Sección"devDependencies" del paquete.json se ve así:
...
"devDependencies": {
"babel-cli": "latest",
"babel-core": "^6.26.3",
"babel-eslint": "^8.2.3",
"babel-jest": "^22.4.4",
"babel-loader": "latest",
"babel-plugin-dynamic-import-node": "^1.2.0",
"babel-plugin-lodash": "latest",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "latest",
"babel-plugin-transform-dynamic-import": "^2.0.0",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "latest",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-flow": "^6.23.0",
"babel-preset-react": "^6.24.1",
"babel-preset-react-app-babel-7": "^4.0.1",
"babel-preset-stage-0": "^6.24.1",
...
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-05-20 04:30:37
En mi caso, tuve la siguiente .babelrc
configuración:
{
"presets": [
["env", { "modules": false }],
"react",
"stage-2"
],
"plugins": [
"transform-runtime",
"transform-class-properties",
"react-hot-loader/babel"
]
}
A pesar de que se especificó babel-env
todavía tengo el error. Para arreglarlo tuve que quitar la bandera "modules": false.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-07-26 06:27:27