Generate Reports using Protractor Beautiful Reporter

In this article, we see one of the popular Protractor Reporting Tools (Protractor Beautiful Reporter). Protractor Results can be seen using different Protractor Reporting tools. Some of the Protractor Reporting tools are as follows.

  1. Jasmine Reports
  2. Protractor Beautiful Reporter

Protractor Beautiful Reporter

Related Posts:

Let’s see how to generate Protractor Beautiful Reporter in our Protractor Test Automation Framework.

We know that reporting in software testing plays vital role. This Protractor Beautiful Reporter generate a beautiful report for your protractor tests.

First, let’s see the features of Protractor Beautiful Reporter

Features of Protractor Beautiful Reporter

  • Browser’s Logs (only for Chrome)
  • Stack Trace (with suspected line highlight)
  • Screenshot
  • Screenshot only on failed spec
  • Search
  • Filters (can display only Passed/Failed/Pending/Has Browser Logs)
  • Inline Screenshots
  • Details (Browser/Session ID/OS)
  • Duration time for test cases (only Jasmine2)


  • Jasmine 1 is no longer supported
  • If you get Error: TypeError: Cannot set property ‘searchSettings’ of undefined use at least version 1.2.7, where this bug has been fixed

Steps to generate Protractor Beautiful Reporter:

Step 1: Open command prompt and type the following code

Install Protractor Beautiful Reporter

Step 2: Open protractor conf.js file

For your reference: My spec.js file

As per the above code, screenshots will be generated in /Reports/screenshots directory.

There is an option to store screenshot in a subfolder.

You can store all images in a subfolder by using screenshotsSubfolder option:

Step 3: Run your Protractor tests with the above config

After execution, the screenshot reporter will generate JSON and PNG files for each test. Open the file name report.html which is under Report/screenshots folder to view the report.

Reports Folder Protractor HTML Reports

Report – Protractor Beautiful Reporter:

Protractor Beautiful Reporter

Protractor Beautiful Reporter Logs:

Protractor Beautiful Reporter Logs

Protractor Beautiful Reporter Screenshots:

Protractor Report Screenshots

Check out the official website for customizing your reports as per your requirement.

Must read:

Sharing is caring.

Share on facebook
Share on twitter
Share on linkedin

Like This Post?

We have a lot more where that came from?

We only send really good stuff occasionally, promise.

Rajkumar SM

Leave a Comment

Your email address will not be published. Required fields are marked *

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp

Recent Posts:

Scroll to Top
API Testing eBook