Как добавить тесты Karma+Mocha после инициализации проекта с помощью vue-cli

Привет, я начал проект с использованием веб-пакета Vue-cli, моя ошибка заключалась в том, что я не включил тесты

Как мне добавить карму + мокко в мою разработку webpack vuejs2, можно ли повторно инициализировать и включить тесты?


webpack vuejs2 vue-cli karma-mocha karma-webpack
person f4r4    schedule 31.08.2017    source источник

Ответы (1)


arrow_upward
5
arrow_downward

в ваш package.json добавьте следующее:

"karma": "^1.7.0",
"karma-mocha": "^1.3.0",
"karma-phantomjs-launcher": "^1.0.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^2.0.4",
"mocha": "^3.0.2",
"chai": "~4.1.1",

в karma.conf.js:

const wpConf = require("./webpack.config")
wpConf.devtool = "inline-source-map"

module.exports = config => {
  config.set({
    browsers:      ["PhantomJS"],
    files:         ["./socialhome/**/app/tests/**/*\.tests\.js"],
    frameworks:    ["mocha"],
    plugins:       [
        "karma-phantomjs-launcher",
        "karma-mocha",
        "karma-sourcemap-loader",
        "karma-webpack"
    ],
    preprocessors: {"./socialhome/**/app/tests/**/*\.tests\.js": ["webpack", "sourcemap"]},
    reporters:     ["dots"],
    singleRun:     true,
    webpack:       wpConf
})
}

снова в вашем package.json :

"scripts": {
   "dev": "./node_modules/webpack/bin/webpack.js --watch",
   "test": "./node_modules/karma/bin/karma start"
}

чтобы использовать последний синтаксис ECMAScript, я передал Karma через веб-пакет перед запуском теста.

Я надеюсь, что это поможет.

person Aissam BAHARI    schedule 31.08.2017
comment
В Vue cli 3 нет файла webpack.config.js. Как мне поступить в таком случае? - person Rahul Sharma; 12.03.2019
comment
@silva96. Я перенес свой проект на Vue cli 3 и установил jest, используя отдельный файл jest.config.json. - person Rahul Sharma; 19.07.2019
comment
В итоге мы сделали то же самое, шутка - это ответ на все проблемы - person silva96; 20.07.2019