Я пытаюсь настроить тестовую среду для проекта Vue.js, над которым я работаю.Я пытаюсь использовать Jest для этого, но в результате я получаю сообщение об ошибке, для которого, похоже, не нашел решения.Когда я пытаюсь запустить тесты, я получаю синтаксическую ошибку в терминале.
Я получаю ошибку:
Test suite failed to run
Import Vue from 'vue';
^^^
SyntaxError: Unexpected identifier"
at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
Я искал вокруг, но яне могу найти решение, которое мне помогает .. При удалении импорта Vue тест проходит.
Я запускаю тесты командой npm run tests
// package.json
{
"name": "mlink-pwa",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"tests": "NODE_ENV=testing vue-cli-service test:unit"
},
"dependencies": {
"chart.js": "^2.7.3",
"chartjs-plugin-labels": "^1.1.0",
"countup.js": "^1.9.3",
"dexie": "^2.0.4",
"gauge-chart": "^0.4.3",
"moment": "^2.22.2",
"progressbar.js": "^1.0.1",
"raven-js": "^3.27.0",
"register-service-worker": "^1.5.2",
"vue": "^2.5.17",
"vue-countup-v2": "^2.0.0",
"vue-i18n": "^8.3.2",
"vue-router": "^3.0.2",
"vuedraggable": "^2.16.0",
"vuelidate": "^0.7.4",
"vuex": "^3.0.1"
},
"devDependencies": {
"@babel/preset-env": "^7.3.1",
"@vue/cli": "^3.1.3",
"@vue/cli-plugin-babel": "^3.1.1",
"@vue/cli-plugin-e2e-nightwatch": "^3.4.0",
"@vue/cli-plugin-eslint": "^3.1.5",
"@vue/cli-plugin-pwa": "^3.1.2",
"@vue/cli-plugin-unit-jest": "^3.4.0",
"@vue/cli-service": "^3.1.4",
"@vue/eslint-config-standard": "^4.0.0",
"@vue/test-utils": "^1.0.0-beta.25",
"babel": "^6.23.0",
"babel-core": "7.0.0-bridge.0",
"babel-jest": "^24.1.0",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
"eslint-plugin-jasmine": "^2.10.1",
"jasmine": "^3.3.1",
"node-sass": "^4.10.0",
"sass-loader": "^7.1.0",
"vue-jest": "^3.0.2",
"vue-template-compiler": "^2.5.17"
}
}
// jest.config.js
module.exports = {
moduleFileExtensions: ['js', 'json', 'vue'],
transform: {
'^.+\\.jsx?$': 'babel-jest',
'^.+\\.vue$': 'vue-jest'
},
clearMocks: true,
coverageDirectory: "coverage",
};
// babel.config.js
module.exports = {
env: {
testing: {
presets: [
['env', { modules: false }],
'@babel/preset-env',
'@vue/app'
],
plugins: [
'transform-es2015-modules-commonjs'
]
}
}
}
// first.spec.js - THIS FAILS
import Vue from 'vue'
describe('', () => {
it('first test', () => {
expect(true).toEqual(true);
});
});
// first.spec.js - THIS PASSES
describe('', () => {
it('first test', () => {
expect(true).toEqual(true);
});
});
Ожидается: Ожидается, что набор тестов будет запущен и тест пройден.
Факт: Набор тестов не запущен.