Grunt为mocha测试提供html报告

Question

我使用grunt来运行我的mocha测试，我在控制台中看到测试结果没问题，问题是此任务正在生成报告，但是当您运行此HTML报告时，您只能看到以文本运行的日志。 ..我希望看到测试聚合，并且mocha单元测试运行正常，我在这里缺少什么？

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（＆＃39;咕噜-摩卡测试＆＃39）;

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

我想要这样的报告或任何其他我可以使用的好的HTML报告......

Answer 1

您可以使用Mochawesome是一个自定义报告器，用于Javascript测试框架，mocha。它生成一个很好的HTML / CSS报告，有助于可视化您的测试套件：

首先，您需要安装插件：

npm install --save-dev mochawesome

然后您更改了grunt-mocha-test reporter：

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'
        }
    }
},