Protractor Beginner Tutorial 12 | How to create HTML Reports with Screenshots on Failure

Today we will learn
1. How to generate HTML reports
2. How to embed screenshots on failure in html report

Step 1 : Get protractor html reporter

npm i protractor-html-reporter-2

Step 4 : Add data to take screenshots on failure as mentioned on the website

Step 5: Run and check reports

------------ UI TESTING ------------

------------ API TESTING ------------

------------ MOBILE TESTING ------------

------------ CI | CD | DEVOPS ------------

------------ VERSION CONTROL SYSTEM ------------

------------ PERFORMANCE TESTING ------------

------------ PROGRAMMING ------------

------------ IDE ------------

------------ MAVEN ------------

------------ OTHERS ------------

Keep Learning,
Raghav

You can support my mission for education by sharing this knowledge and helping as many people as you can.

[amirabbasi]

Hi Raghav
After adding these steps in conf file, I am getting "[11:43:13] E/launcher - Error: Error: Cannot find module 'jasmine-reporters'". Tried multiple solutions but unable to run the code for protractor html reports. I have exactly the same conf and spec file since I am following your series. Please help

[hendryang]

u have shown us at least 3-4 ways of reporting and screenshoting which all almost literally do the same with slight presentation difference. which one would u recommend?

[tejkumarkempaiah]

Thanks for.the video Ragha, Can you please upload the contents of config.js file in the description or in here, It will be helpful as I'm getting some errors while trying our the same..

[daverodriguez]

Hello, thank you very much for sharing the knowledge in testing. The tutorials are very good.

One question, why the system does not recognize the installation of a package?

for example, I have installed the related packages to generate reports, however by placing the syntax "var AllureReporter = require ('jasmine-allure-reporter');" When running the test with protractor, the system throws me the error message "E / launcher - Error: Error: Cannot find module 'jasmine-allure-reporter'".

That has also happened to me with the other packages.

So far I have been able to solve it by placing the path where the package directory is located for example: "var AllureReporter = require ('C: / Users / USER 003 / AppData / Roaming / npm / node_modules / jasmine-allure-reporter') ; "

According to your experience, what should I check for the system to locate it as it is in the title?

I thank you very much in what you can help.

Thank you so much.

[allisonta]

Thanks. Amazing tutorial. Do you know how to upload the screenshots into azure blob storage after the test run on azure pipeline? Also do you have different test result which is passed on local but not in azure .eg. Failed: element click intercepted:

[anitas]

Your videos are really helpful. Thank you very much! I have a question. we are currently running regression tests in Gitlab CI. Is there a way to collect the results over time and display the pass/fail rates over time? Also is there a way to show the results in a confluence page after each run?

[nainaagrawal]

Could you please put a video to how to handle the window pop up like open dialog box in protra?ctor

[vimalaanbazhagan]

Hi! Thank you so much for taking the topics and having some queries in HTML reports code.My question is should we understand the html reports or not y i am asking means in HTML reports with screenshots vdo feeling complicated to understand the Report codes

[mv]

Can we have multiple of conf.js files? (ie confCalc.js, confTest.js) as long as we set the correct test to call

[waytosurvive]

Hi Raghav,
Thanks for this video. In one of the case, I have 2 conf files one for running in the local and the other to run in the sauce labs. Whenever I run the tests in sauce labs consecutively the same spec then I do notice that the failed tests gets appended with the previous run. I'm not sure why this happens. Also, when I integrate with Jenkins and run the tests the report was not loading the individual tests (not able to expand the test results) though on the running the groovy script System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", ""). Plz let me know if you have any idea about this?

[nikhilgupta]

Thanks, Raghav, for the video. I like this report personally but issue with this report is that if you have large description for it block then it saves screenshot name as it block description full name and in format of png in result if string becomes large then report could not able to find screenshot. And also we could not add new environment variables in report like suite name, app build version, author etc. Do you have solution for screenshot? I also raised issue in their given git hub project.

[bpunati]

Hi Raghav, Thanks for the video.Could you please let me know if we want to see another status as Known issue how can we do that.

[KVe]

Thank you for the video .Do I need to know the logic for the code included in conf.js for screenshots and HTML reporter while attending interview ?

[priyankajagwani]

I am following entire series. Amazing explanation.
In this module i am getting error for cannot find jasmine reporter.
I tried to Install but after doing that it ia giving error of cli table

[nagarajjayagondra]

Thank you.
Is it possible to get a screen shot as a base64 string?

[vijaykrishnaa]

How to add the logs in the reporter?
Can you please let me know

[mofazzalhossain]

I was watching video 9, and when I passed the sendkeys.
it was showing that enterfistnumber is not a function.
can any one help me out.
can you please show us how to scroll down in the protractor.
very urgent.
Thanks.

[pandudamera]

Could please share me for reference with Protractor code at GitHub url sir

[somasundaramoorthyparamasi]

having issue in testconfig and platform cannot find name error.