как отделить файлы для mocha-webpack

Что происходит, когда я запускаю свои тесты, в моем охвате отображается только bundle.js который не так полезен.

У меня есть следующая настройка файла webpack и вы хотите знать, что я должен изменить, чтобы сделать так, чтобы каждый файл был рассмотрен индивидуально

webpack.config-test.js

var nodeExternals = require("webpack-node-externals")
const path = require("path")

module.exports = {
    context: path.resolve(__dirname),
    resolve: {
        extensions: [".js"],
        alias: {
            "@": path.join(__dirname, "../../src/server"),
        }
    },
    output: {
        path: "./",
        filename: "[name].js",
    },    
    target: "node", // webpack should compile node compatible code
    externals: [nodeExternals()], // in order to ignore all modules in node_modules folder
}

запуск команды через npm:

nyc mocha-webpack --webpack-config test/server/webpack.config-test.js --glob \"*spec.js\" test/server/unit



В настоящее время вывод:

All files  |    90.38 |    70.83 |    90.91 |     90.2 |                   |
 bundle.js |    90.38 |    70.83 |    90.91 |     90.2 |... 78,280,282,306

тогда как я ожидаю, что выход будет

All files     |       80 |    68.75 |       80 |       80 |                   |
 functions.js |    78.79 |    68.75 |       80 |    78.79 |... 59,60,62,64,88 |
 mixin.js     |      100 |      100 |      100 |      100 | 

В версии non mocha-webpack я также добавил имя файла для каждого теста, и я хотел бы, чтобы это также произошло в версии webpack. Поэтому без webpack я запускаю index.js, т.е.

index.js

const fs = require("fs")
const path = require("path")

const files = fs.readdirSync(__dirname)
files.forEach(file => 
{
    if (!file.match(/\.spec\.js$/))
        return

    console.log(file)

    describe(file, function () 
    {
        require(path.join(__dirname, file))
    })
})

который затем выводит что-то вроде:

  sql.spec.js
    Some SQL tests
      ✓ should be 10

  test.spec.js
    generateRandomString
      ✓ should generate a 20 length string
      ✓ should generate a 40 length string
      ✓ should throw error for -10
      ✓ should throw error for length
    getRequiredProps
      ✓ should get prop
      ✓ should throw error
    toTime
      ✓ 1 seconds should return 1000
      ✓ 1 minutes should return 60000
      ✓ 1 hours should return 3600000
      ✓ 1 days should return 86400000

Обновить

Там исходное сопоставление, но оно показывает намного больше, чем хотелось бы: https://github.com/zinserjan/mocha-webpack/blob/master/docs/installation/webpack-configuration.md

------------------------------------------|----------|----------|----------|----------|-------------------|
File                                      |  % Stmts | % Branch |  % Funcs |  % Lines | Uncovered Line #s |
------------------------------------------|----------|----------|----------|----------|-------------------|
All files                                 |     78.8 |    54.72 |    87.27 |     78.7 |                   |
 .tmp/mocha-webpack/1532582562486/webpack |    95.45 |       75 |    83.33 |    95.24 |                   |
  bootstrap 4e654663ecc955703de0          |    95.45 |       75 |    83.33 |    95.24 |                49 |
 node_modules/mocha-webpack/lib           |      100 |      100 |      100 |      100 |                   |
  entry.js                                |      100 |      100 |      100 |      100 |                   |
 src/server                               |       64 |    48.65 |       70 |       64 |                   |
  db.js                                   |    45.61 |    26.32 |    45.45 |    45.61 |... 20,122,126,138 |
  functions.js                            |    84.85 |    72.22 |      100 |    84.85 |    42,58,59,60,87 |
  mixin.js                                |      100 |      100 |      100 |      100 |                   |
  mock.js                                 |      100 |      100 |      100 |      100 |                   |
 src/server/post                          |       75 |     62.5 |      100 |       75 |                   |
  maptool.js                              |       75 |     62.5 |      100 |       75 |... 41,148,158,159 |
 test/server/unit                         |    98.33 |      100 |      100 |    98.33 |                   |
  functions.spec.js                       |    96.97 |      100 |      100 |    96.97 |                67 |
  maptool.spec.js                         |      100 |      100 |      100 |      100 |                   |
  mock.spec.js                            |      100 |      100 |      100 |      100 |                   |
  sql.spec.js                             |      100 |      100 |      100 |      100 |                   |
------------------------------------------|----------|----------|----------|----------|-------------------|

Как я могу уменьшить его, чтобы выводились только проверенные файлы?

Ответ 1

Как я могу уменьшить его, чтобы выводились только проверенные файлы?

Похоже, что даже ваши spec не исключаются из отчета о покрытии. Попробуйте указать пути к файлам, которые будут включены в отчет о покрытии в nyc config. В вашем package.json:

{
  ...
  "nyc": {
    "include": [
      "src/server/**/*.js"
    ],
    ...
   },
   ...
}

Если это не поможет instanbul-instrumenter-loader ваш код с помощью instanbul-instrumenter-loader, instanbul-instrumenter-loader пути для файлов, которые будут включены в правило загрузчика в вашей конфигурации webpack:

    module: {
      rules: [
        {
          test: /\.js$/,
          use: { loader: 'istanbul-instrumenter-loader' },
          include: path.resolve('../../src/server')
        }
      ]
}

и инструмент nyc умолчанию должен быть отключен с помощью instrument: false в nyc config.

ОБНОВИТЬ

В качестве другого решения, если вы используете Babel (и Vue), имеет смысл кодировать код с помощью babel-plugin-istanbul он создает правильное сопоставление (кстати, я не мог заставить работу istanbul-instrumenter-loader tooler-loader правильно работать с настройкой web-камеры babel).

Я рекомендую увидеть vue-test-utils-mocha-webpack-example, даже если у вас нет зависимости от Vue, но используйте Babel.

Надеюсь, поможет.

Связанный ресурс: покрытие кода для mocha-webpack