I have encountered an error while attempting to generate an HTML report using cucumber-html-reporter
The error message is:
Unhandled rejection TypeError: Cannot read property 'on' of undefined
at new JsonFormatter (C:\path-to-project\node_modules\cucumber\src\formatter\json_formatter.js:21:5)
at Object.<anonymous> (C:\path-to-project\test\reporting\CucumberReportExtension.ts:43:27)
I have reviewed the release notes for potential related issues but I am unsure if they are the cause of this problem. Any guidance on how to resolve this issue would be greatly appreciated.
If you have any alternative solutions for generating reports with cucumber-protractor in TypeScript, I would be interested. (Considering the versions mentioned below)
Protractor version: 5.1.2
Cucumber version: 3.0.0
ScenarioHook.ts
import {defineSupportCode} from "cucumber";
import {CucumberReportExtension} from
"../reporting/CucumberReportExtension";
defineSupportCode(({AfterAll}) => {
AfterAll(async () => {
new CucumberReportExtension().myJsonFormatter;
});
});
CucumberReportExtension.ts
import * as fs from 'fs';
import { mkdirp } from 'mkdirp';
import * as report from 'cucumber-html-reporter';
let Cucumber = require('cucumber');
export class CucumberReportExtension {
private jsonDir = process.cwd() + "/reports/json";
private htmlDir = process.cwd() + "/reports/html";
private jsonFile = this.jsonDir + "/cucumber_report.json";
private cucumberReporterOptions = {
theme: "bootstrap",
jsonFile: this.jsonFile,
output: this.htmlDir + "/cucumber_reporter.html",
reportSuiteAsScenarios: true,
metadata: {
"App Version":"0.0.1",
"Test Environment": "TestingMicroSheet",
"Browser": "Chrome 59.0.945",
"Platform": "Windows 10",
"Parallel": "Scenarios",
"Executed": "Local"
}
};
private CreateReportFile(dirName, fileName, fileContent) {
//Check if the directory exist
if (!fs.existsSync(dirName))
mkdirp.sync(dirName);
try {
fs.writeFileSync(fileName, fileContent);
}
catch (message) {
console.log("Failed to create File/Directory :" + message);
}
}
private GenerateCucumberReport(cucumberReportOption){
report.generate(cucumberReportOption);
}
myJsonFormatter = new Cucumber.JsonFormatter({
log: jLog => {
this.CreateReportFile(this.jsonDir, this.jsonFile, jLog);
this.GenerateCucumberReport(this.cucumberReporterOptions);
}
});
}
export let JsonFormatter = new CucumberReportExtension().myJsonFormatter;
config.ts
import { Config } from 'protractor';
export let config: Config = {
seleniumAddress: 'http://localhost:4444/wd/hub',
framework: 'custom',
frameworkPath: require.resolve('protractor-cucumber-framework'),
specs: ["../features/*.feature"],
baseUrl: "http://localhost:4200/",
cucumberOpts: {
compiler: "ts:ts-node/register",
strict: true,
format: ['json:../reporting/results.json'],
require: ['../steps/*.js', '../hooks/*.js'],
tags: '@smoke'
}
}
package.json
{
"name": "protractor-cucumber-sample",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"@types/jasmine": "^2.5.53",
"body-parser": "~1.17.1",
"cookie-parser": "~1.4.3",
"debug": "~2.6.3",
"express": "~4.15.2",
"jade": "~1.11.0",
"morgan": "~1.8.1",
"serve-favicon": "~2.4.2"
},
"devDependencies": {
"@types/chai": "^4.0.3",
"@types/cucumber": "^2.0.3",
"@types/mkdirp": "^0.5.0",
"chai": "^4.1.1",
"chai-as-promised": "^7.1.1",
"cucumber": "^3.0.0",
"cucumber-html-reporter": "^2.0.3",
"jasmine": "^2.7.0",
"jasminewd2": "^2.1.0",
"protractor-cucumber-framework": "^4.0.2",
"ts-node": "^3.3.0",
"typescript": "^2.4.2"
}
}
Please feel free to ask for additional information that may assist in resolving this issue. If this platform is not appropriate for addressing this matter, kindly provide details of the correct forum where I can seek assistance. Thank you in advance.