Grunt предоставляет html-отчет для теста mocha

Question

Я использую grunt для запуска моего теста мокки, и я вижу результат теста на консоли, который в порядке, проблема в том, что эта задача генерирует отчет, но когда вы запускаете этот отчет HTML, вы просто видите журнал работы в тексте ... Я хочу, чтобы , чтобы увидеть тестовые агрегирования, и тест модуля мокко работает нормально, что мне здесь не хватает?

mochaTest: { 
    test: { 
     options: { 
      reporter: 'spec', 
      colors: true, 
      summery: true, 
      captureFile: 'results.html', // Optionally capture the reporter output to a file 
      quiet: false, // Optionally suppress output to standard out (defaults to false) 
      clearRequireCache: true // Optionally clear the require cache before running tests (defaults to false) 
     }, 
     src: ['test/*spec.js'], 
     excludes: ['plugins'] 
    }, 
    'travis-cov': { 
     options: { 
      reporter: 'travis-cov' 
     } 
    } 
}, 

я использовать пакет grunt.loadNpmTasks ('хрюкать-мокко-тест');

https://github.com/pghalliday/grunt-mocha-test

Я хочу Сообщить, как это или любой другой хороший HTML отчетов, которые я могу использовать ...

Answer 1

Вы можете использовать Mochawesome обычай репортер для использования с базой тестирования Javascript, моккой. Это создает хороший отчет HTML/CSS, который помогает визуализировать ваши тестовые наборы:

Во-первых, вам нужно установить плагин:

npm install --save-dev mochawesome 

Тогда вы измените ваш grunt-mocha-testreporter:

mochaTest: { 
    test: { 
     options: { 
      reporter: 'mochawesome', //You need to change this ! 
      colors: true, 
      summery: true, 
      captureFile: 'results.html', 
      quiet: false, 
      clearRequireCache: true 
     }, 
     src: ['test/*spec.js'], 
     excludes: ['plugins'] 
    }, 
    'travis-cov': { 
     options: { 
      reporter: 'travis-cov' 
     } 
    } 
},