Custom embedded mimeType support and custom css

.gitignore

@@ -3,3 +3,4 @@
 coverage/
 node_modules/
 reports/
+.DS_Store

README.MD

@@ -13,7 +13,7 @@ Multiple Cucumber HTML Reporter is a reporting module for Cucumber to parse the
 
 > **NEW**
 
-> Duration time can now be displayed tnx to [LennDG](https://github.com/LennDG). See [`displayDuration`](#displayDuration) for more info 
+> Duration time can now be displayed tnx to [LennDG](https://github.com/LennDG). See [`displayDuration`](#displayDuration) for more info
 
 
 ![Snapshot - Features overview](./docs/images/browsers-features-overview.jpg "Snapshot - Browsers features overview")
@@ -156,6 +156,19 @@ This expects the durations in the report to be in milliseconds, which might resu
 
 > **NOTE: Only the duration of a feature can be shown in the features overview. A total duration over all features CAN NOT be given because the module doesn't know if all features have been run in parallel**
 
+### `customStyle`
+- **Type:** `path`
+- **Mandatory:** No
+
+If you need add some custom style to your report.
+
+### `overrideStyle`
+- **Type:** `path`
+- **Mandatory:** No
+
+If you need replace default style for your report.
+
+
 ### `metadata`
 - **Type:** `JSON`
 - **Mandatory:** No
@@ -391,4 +404,3 @@ In the search for a reporting tools for Cucumber I found a few tools that helped
 - [cucumber-html-report](https://github.com/leinonen/cucumber-html-report)
 - [cucumber-protractor-report](https://github.com/JesterXL/cucumber-protractor-report)
 - [grunt-protractor-cucumber-html-report](https://github.com/robhil/grunt-protractor-cucumber-html-report)
-

lib/generate-report.js

@@ -49,6 +49,8 @@ function generateReport(options) {
 
   const customMetadata = options.customMetadata || false;
   const customData = options.customData || null;
+  const style = options.overrideStyle || REPORT_STYLESHEET;
+  const customStyle = options.customStyle;
   const disableLog = options.disableLog;
   const openReportInBrowser = options.openReportInBrowser;
   const reportName = options.reportName || DEFAULT_REPORTNAME;
@@ -65,6 +67,8 @@ function generateReport(options) {
     app: 0,
     customMetadata: customMetadata,
     customData: customData,
+    style: style,
+    customStyle: customStyle,
     displayDuration: displayDuration,
     browser: 0,
     name: '',
@@ -124,10 +128,10 @@ function generateReport(options) {
 
   /* istanbul ignore else */
   if (!disableLog) {
-    console.log(chalk.blue(`\n 
+    console.log(chalk.blue(`\n
 =====================================================================================
     Multiple Cucumber HTML report generated in:
-    
+
     ${path.join(reportPath, INDEX_HTML)}
 =====================================================================================\n`));
   }
@@ -295,22 +299,36 @@ function generateReport(options) {
       if (step.embeddings !== undefined) {
         const Base64 = require('js-base64').Base64;
 
+        step.attachments = [];
         step.embeddings.forEach((embedding, embeddingIndex) => {
           /* istanbul ignore else */
           if (embedding.mime_type === 'application/json' || embedding.media && embedding.media.type === 'application/json') {
             step.text = (step.text ? step.text : []).concat([JSON.parse(embedding.data)]);
           } else if (embedding.mime_type === 'text/plain' || (embedding.media && embedding.media.type === 'text/plain')) {
             step.text = (step.text ? step.text : []).concat([
-              _isBase64(embedding.data) ? Base64.decode(embedding.data)
-                : embedding.data]);
+              _isBase64(embedding.data) ? Base64.decode(embedding.data) :
+              embedding.data
+            ]);
           } else if (embedding.mime_type === 'image/png' || (embedding.media && embedding.media.type === 'image/png')) {
             step.image = 'data:image/png;base64,' + embedding.data;
             step.embeddings[embeddingIndex] = {};
+          } else  {
+            let embeddingtype = "text/plain";
+            if ( embedding.mime_type ) {
+              embeddingtype = embedding.mime_type;
+            } else if ( embedding.media && embedding.media.type ) {
+              embeddingtype = embedding.media.type;
+            }
+            step.attachments.push({
+                data: 'data:' + embeddingtype + ';base64,' + embedding.data,
+                type: embeddingtype
+              });
+            step.embeddings[embeddingIndex] = {};
           }
         });
       }
 
-      if (!step.result || (step.hidden && !step.text && !step.image)) {
+      if (!step.result || (step.hidden && !step.text && !step.image && _.size(step.attachments) === 0 )) {
         return 0;
       }
 
@@ -352,7 +370,16 @@ function generateReport(options) {
    * @private
    */
   function _readTemplateFile(fileName) {
-    return fs.readFileSync(path.join(__dirname, '..', 'templates', fileName), 'utf-8');
+    if (fileName) {
+      try {
+        fs.accessSync(fileName, fs.constants.R_OK);
+        return fs.readFileSync(fileName, 'utf-8');
+      } catch (err) {
+        return fs.readFileSync(path.join(__dirname, '..', 'templates', fileName), 'utf-8');
+      }
+    } else {
+      return "";
+    }
   }
 
   /**
@@ -408,7 +435,8 @@ function generateReport(options) {
           suite: suite,
           _: _
         }),
-        styles: _readTemplateFile(REPORT_STYLESHEET),
+        customStyle: _readTemplateFile(suite.customStyle),
+        styles: _readTemplateFile(suite.style),
         genericScript: _readTemplateFile(GENERIC_JS)
       })
     );
@@ -447,7 +475,8 @@ function generateReport(options) {
             scenarios: feature.elements,
             _: _
           }),
-          styles: _readTemplateFile(REPORT_STYLESHEET),
+          customStyle: _readTemplateFile(suite.customStyle),
+          styles: _readTemplateFile(suite.style),
           genericScript: _readTemplateFile(GENERIC_JS)
         })
       );

package.json

@@ -28,14 +28,14 @@
   "homepage": "https://github.com/wswebcreation/multiple-cucumber-html-reporter#readme",
   "dependencies": {
     "chalk": "1.1.3",
-    "find": "0.2.7",
-    "fs-extra": "2.1.2",
-    "js-base64": "2.1.9",
-    "jsonfile": "2.4.0",
-    "lodash": "4.17.4",
+    "find": "^0.2.9",
+    "fs-extra": "^5.0.0",
+    "js-base64": "^2.4.3",
+    "jsonfile": "^4.0.0",
+    "lodash": "^4.17.5",
     "moment": "^2.20.1",
-    "opn": "5.0.0",
-    "uuid": "3.0.1"
+    "opn": "^5.2.0",
+    "uuid": "^3.2.1"
   },
   "devDependencies": {
     "coveralls": "^2.13.1",