macaca-reporter/lib/render.js

Reporter for mocha and other frameworks.

'use strict';

const fs = require('fs');
const path = require('path');
const microtemplate = require('microtemplate2');

const pkg = require('../package');
const _ = require('./common/helper');
const logger = require('./common/logger');

/**
 * data Object
 *
 * options {
 *  name,
 *  fileName,
 *  assetsInline,
 *  dataAttr,
 *  distDir
 * }
 */

module.exports = (data, opts) => {

  /*
   * mock data
   * data = require('../test/mock');
   *
   */

  const options = _.merge({
    name: pkg.name,
    fileName: 'index.html',
    assetsInline: true,
    dataAttr: 'data-output',
    configAttr: 'config-output',
    distDir: process.cwd(),
  }, opts);

  let originHTML = fs.readFileSync(path.join(__dirname, 'template.html'), 'utf8');
  const originJS = fs.readFileSync(path.join(__dirname, '..', 'dist', `${options.name}.js`), 'utf8');
  const originCSS = fs.readFileSync(path.join(__dirname, '..', 'dist', `${options.name}.css`), 'utf8');

  originHTML = microtemplate.render(originHTML, {
    title: 'Macaca Reporter',
    script: options.assetsInline ? `<script>${originJS}</script>` : `<script src="./${options.name}.js"></script>`,
    style: options.assetsInline ? `<style>${originCSS}</style>` : `<link rel="stylesheet" href="./${options.name}.css" />`,
    element: `<div ${options.configAttr}="${encodeURI(_.powerJSONStringify(options))}" ${options.dataAttr}="${encodeURI(_.powerJSONStringify(data))}" id="${options.name}"></div>`,
  }, {
    tagOpen: '<!--',
    tagClose: '-->',
  });

  const targetHTML = path.join(options.distDir, 'reports', options.fileName);

  _.copyfile(originHTML, targetHTML);

  if (!options.assetsInline) {
    const targetJS = path.join(options.distDir, 'reports', `${options.name}.js`);
    _.copyfile(originJS, targetJS);
    const targetCSS = path.join(options.distDir, 'reports', `${options.name}.css`);
    _.copyfile(originCSS, targetCSS);
  }

  logger.info(_.chalk.cyan(`html reporter generated: ${targetHTML}`));
};