レポートツールmochawesomeの使い方

レポートツールmochawesomeの使い方の使い方
1. gulpfile.jsのタスクでレポート出力する
2. 関連

レポートツールmochawesomeの使い方の使い方

カバレッジレポートツールmochawesomeの使い方です。

入っていない場合は

npm install --save-dev mochawesome

を実行します。

mochawesomeの使い方です。

mocha testfile.js --reporter mochawesome

重要なのは出力されるレポートです。

mochawesome.html - レンダリングされたレポートファイル
mochawesome.json - レポートのレンダリングに使用された生のjson出力

mochawesome.htmlをchromeで見るときれいにテストが実行されてOKかNGかがわかります。

optionが多いです。以下、プログラムでコーディングする例です。

mocha(
  reporter: 'mochawesome',
  reporterOptions: {
    reportDir: './sample/report/',
    autoOpen : true
  }
)

reportDirは出力先を指定します。

autoOpenは実行した後にmochawesome.htmlをブラウザで自動的に開いてくれます。

Problem with mochawesome: TypeError: Cannot read property ‘fn’ of undefined

このエラーは、describeの第一引数のタイトルが”のテストがあるとエラーとなるようです。

gulpfile.jsのタスクでレポート出力する

gulpとgulp-mochaを使用して、gulpfile.jsのタスクでレポート出力することができます。

npm i --save-dev gulp glup-mocha

gulpfile.js

const gulp = require('gulp')
const mocha = require('gulp-mocha')
/**
 * Mochaテストしてレポート出力
 */
function test() {
  return gulp.src(['test/**/*.test.js'], { read: true }).pipe(
    mocha({
      reporter: 'mochawesome',
      reporterOptions: {
        reportDir: './mochawesome-report/',
        autoOpen: false,
        timeout: 5000
      }
    })
  )
}
exports.test = test

timeoutはデフォルト2000msなので少し多めに設定しておきます。

でないと、「Timeout of 2000ms exceeded」エラーが発生する場合があります。

これで

npx gulp test

でmochawesomeのレポート出力がされます。

gulp-mocha

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES20xx),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^