• 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)

    Note:

    • 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
    Facebook
    Share on twitter
    Twitter
    Share on linkedin
    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 *

    Scroll to Top
    API Testing eBook

    DOWNLOAD FOR FREE