abhishekkyd / protractor-html-reporter-2

To generate graphical HTML report with pie charts for Protractor test execution

Hi there 👋

I am an agile (scrum) and automation enabler, believe in an inline automated regression suite with the current sprint. I am capable to handle a team and enable them to a continuous testing approach using a better Test Strategy.

I approach to enable the team for:

• Everybody is responsible for Quality
• Continuous Testing and Continuous Delivery
• Adopt a quality first delivery model for a better customer experience

Adding, Low Code Development, Bot Development, Cloud Solutions Testing, Workflow Automation Testing, Machine Learning Testing, and GraphQL Testing to my skills.

I have incredibly good experience in Agile, Scrum, DevOps, Software Testing, STLC, Automation Testing & Automation Framework Development from scratch. Developed API Contract testing using Pact, API automation frameworks using Rest Assured, mobile automation frameworks using Appium (Android & iOS), web automation frameworks using Selenium, Protractor, WebDriver IO & Cypress, BDD framework using Cucumber from scratch for different projects. I used Maven, Gradle as build tools, and Jenkins, CircleCI, and Travis as CI/CD tools.

I am keen to learn about new technologies and try to adopt useful things in my daily routines. I always love to find a solution to a problem.

Nowadays, I passionate about blockchain technologies so that I'm mainly focusing on the Defi development stack.

• 🌱 I’m currently learning blockchain technologies
• 🤔 I’m looking to help with buliding defi and web apps
• 💬 Ask me about web and blockchain development
• ⚡ Fun fact: I can find a high-impact defect in any product

Blockchain Development

Web & Mobile Development

Other

Languages and Tools:

protractor-html-reporter-2's Issues

Screenshot naming does not match format of Jasmine2HtmlReporter output

When fix screenshot name is applied to Jasmine2HtmlReporter, output of screenshot is named "test-case-name.png". No browser or Test Suite prefix, and test case name space is sanitized to replace spaces with hyphen.

This reporter does not sanitize to match. It adds browser and test suite as prefix and test case name spaces aren't replaced with hyphens.

For compatibility and flexibility reasons I believe we need the ability to specify a replace character, and options to exclude browser and test suite prefix.

I can write a suggested fix if needed, unless this wasn't meant to support this convention.

The below name manipulation logic needs update:

//get test cases screenshots names (on failure only)
if (testCasesResults[j] != 'Failed' && report.screenshotsOnlyOnFailure) {
screenshotsNamesOnFailure.push('None');
} else {
if (report.modifiedSuiteName) {
screenshotsNamesOnFailure.push(report.browser +'-'+ suite.name.substring(suite.name.indexOf(".")+1) + ' ' + testCasesNames[j] + '.png');
// screenshotsNamesOnFailure.push(report.browser +'-'+ testSuites[i].attr.name.substring(testSuites[i].attr.name.indexOf(".")+1) + ' ' + testCasesNames[j] + '.png');
}
else {
screenshotsNamesOnFailure.push(report.browser +'-'+ suite.name + ' ' + testCasesNames[j] + '.png');
}
}

Alternative screenshot naming not working correctly

Hey so due to variable name missing a letter the alternative screenshot naming does not work to maintain compatibility with Jasmine 2 screenshot naming convention.

Please review PR: #3

Thank You @abhishekkyd

Screenshot is not shown in HTML report if the name contains "#"

I am currently using jasmine-tagged to add #p0 to the it()s I want to run as my sanity test suite.
Since the screenshot generated contains the name of the spec, it will contain "#".
The HTML report will not show the screenshot because of this.

Could we change this behavior? Or provide a way to configure the name of the screenshots the HTML reporter should look for?

Thanks.

Is there a way to generate two different HTML reports if I run the tests with multiCapabilities with two browsers?

Hello, and thank you for the great tool, it works very well and looks nice.

Could we achieve generating two html reports for two different browsers? For example chrome and firefox.

Thank you

Passed count is not matching with the actual html output

Passed count is not matching with the actual html output. Number of passed count in the html rows is not mathching the total passed count.

Not able to view the screenshots in the html report

Hi Guys,

I am not able to see the the screenshot in the html file.It displays an error screenshot not found.I even checked out your example ,ProtractorTestReport and it displays the same error.
Please let me know if i am missing anything or need to do anything differently.

Not able to set/add other parameters into report like suiteName, app build version etc under Environment section

Not able to add other parameters like suite name, app build version, etc. any custom parameters under Environment section.

Available Parameters: Browser and Platform

Extra Parameters: Suite Name, App Build Version etc

Not able to view the report in jenkins because of Content Security Policy directives

I published a html report through jenkins. As per above screenshot its messy.
Is it possible to change the report that ProtractorTestReport.html can be viewed through any browser when published by jenkins ?

New Feature - Add Failure Stacktrace

Hey guys,
Thanks for the great report.

Just would like to ask about an improvement.
In the jasmine xml report, there is the failure tag:

<failure type="exception" message="Failed: No element found using locator: By(css selector, #password)">
<![CDATA[NoSuchElementError: No element found using locator: By(css selector, #password) 
...
</failure>

That contains the stacktrace of the failure.

Would it be possible for you to include this to the HTML page?
I could also help implementing this.

Regards!

New Feature Request: Ability to customize a tmpl file and use that

Is there way to get the consolidated results for the execution of mulitple spec files in a suite

Hi,

Is there a possibility to get a consolidated HTML report for the SUITE execution using consolidateAll : true
if yes please let us know what has to be used?

Cannot find module 'protractor-html-reporter-2'

@abhishekkyd
I did an npm install -g 'protractor-html-reporter-2 (which is not in your instructions) and packages were downloaded;
yet I am getting the following error, when running protractor conf.js-

Cannot find module 'protractor-html-reporter-2'
Error: Cannot find module 'protractor-html-reporter-2'

I have done the set-up exactly as your instructions -

onPrepare: function () {
		var jasmineReporters = require('jasmine-reporters');
		jasmine.getEnv().addReporter(new jasmineReporters.JUnitXmlReporter({
			consolidateAll: true,
			savePath: './',
			filePrefix: 'xmlresults'
		}));

		var fs = require('fs-extra');

		fs.emptyDir('screenshots/', function (err) {
			console.log(err);
		});

		jasmine.getEnv().addReporter({
			specDone: function (result) {
				if (result.status == 'failed') {
					browser.getCapabilities().then(function (caps) {
						var browserName = caps.get('browserName');

						browser.takeScreenshot().then(function (png) {
							var stream = fs.createWriteStream('screenshots/' + browserName + '-' + result.fullName + '.png');
							stream.write(new Buffer(png, 'base64'));
							stream.end();
						});
					});
				}
			}
		});
	},

	//HTMLReport called once tests are finished
	onComplete: function () {
		var browserName, browserVersion;
		var capsPromise = browser.getCapabilities();

		capsPromise.then(function (caps) {
			browserName = caps.get('browserName');
			browserVersion = caps.get('version');
			platform = caps.get('platform');

			var HTMLReport = require('protractor-html-reporter-2');

			testConfig = {
				reportTitle: 'Protractor Test Execution Report',
				outputPath: './',
				outputFilename: 'ProtractorTestReport',
				screenshotPath: './screenshots',
				testBrowser: browserName,
				browserVersion: browserVersion,
				modifiedSuiteName: false,
				screenshotsOnlyOnFailure: true,
				testPlatform: platform
			};
			new HTMLReport().from('xmlresults.xml', testConfig);
		});
	}

Please help? Many thanks.