Модульные тесты, производимые vue-cli, вызывают исключения

После создания проекта с помощью vue-cli (v3.5.1) автоматически созданный модульный тест не работает, когда я запускаю: 'npm run test: unit'.

После запуска vue create я вручную выбрал следующие параметры: TS, Router, Vuex, Linter, Unit, E2E, синтаксис компонента в стиле класса: да, Babel: нет, режим истории: нет, линтер: TSLint, Lint при сохранении , решение для модульного тестирования: Mocha, тестовое решение E2E Cypress, файлы конфигурации: выделенные файлы введите описание изображения здесь.

Ниже приведен вывод команды npm run test: unit.

WEBPACK Compiled successfully in 7321ms
MOCHA Testing...
RUNTIME EXCEPTION Exception occurred while loading your tests
ReferenceError: performance is not defined at Module../node_modules/vue/dist/vue.runtime.esm.js

Я попытался изменить сценарий npm, используемый для запуска теста, как показано ниже (не был уверен, что включение исходило от Node, и я не думаю, что это должно быть), но я просто получаю сообщение об ошибке, указывающее, что perf_hooks wasn не найдено в \ node_modules \ mocha-webpack \ lib.

"test:unit": "vue-cli-service test:unit --include perf_hooks"

Пример кода: https://github.com/derek-baker/super-duper-guacamole


vue-cli-3 mocha-webpack
person derekbaker783    schedule 19.03.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Если в дополнение к параметрам, указанным выше, я решу включить Babel в качестве функции, а также использовать Babel вместе с TypeScript для автоматически обнаруживаемых полифиллов, модульный тест будет выполняться, как ожидалось. Пример рабочего конфига ниже.

{
  "name": "vue-cli-test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:e2e": "vue-cli-service test:e2e",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "vue": "^2.6.6",
    "vue-class-component": "^6.0.0",
    "vue-property-decorator": "^7.0.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@types/chai": "^4.1.0",
    "@types/mocha": "^5.2.4",
    "@vue/cli-plugin-babel": "^3.5.0",
    "@vue/cli-plugin-e2e-cypress": "^3.5.0",
    "@vue/cli-plugin-typescript": "^3.5.0",
    "@vue/cli-plugin-unit-mocha": "^3.5.0",
    "@vue/cli-service": "^3.5.0",
    "@vue/test-utils": "1.0.0-beta.29",
    "chai": "^4.1.2",
    "typescript": "^3.2.1",
    "vue-template-compiler": "^2.5.21"
  }
}
person derekbaker783    schedule 20.03.2019

arrow_upward
0
arrow_downward

Вы должны фальсифицировать isServerBuild, есть открытая проблема https://github.com/vuejs/vue-cli/issues/2270#issue-351812395

ссылка на веб-пакет mocha https://github.com/vuejs/vue-cli/blob/dev/packages/%40vue/cli-plugin-unit-mocha/index.js#L5

быстрое средство:

// vue.config.js
module.exports = {
    chainWebpack: (config) => {
      if (process.env.NODE_ENV === 'test') {    
        config.merge({
            // target: 'node',
            devtool: 'inline-cheap-module-source-map'
        })
        config.module
        .rule('vue')
          .use('vue-loader')
          .tap(options => {
            options.isServerBuild = false
            return options
          })
        } 
    },  
        
    
  };
person Ahmed Shehab    schedule 17.12.2020