CucumberJS Console Output Given,When,Then Test Steps during run time

Question

Using protractor-cucumber-framework

How do I modify the console output of the CucumberJs that will output the steps during run time.

Example Scenario in Feature:

Given that Home Page is Displayed
When I Click Sales Button at Home Page
Then Sales Page is Displayed

When Running the Test, it should output the ff. in the console.

Given that Home Page is Displayed - Passed
When I Click Sales Button at Home Page - Passed
Then Sales Page is Displayed - Passed

Answer 1

Change protractor conf.js to specify a formatter in cucumberOpts as following:

exports.config = {

    cucumberOpts: {
        format: [require.resolve('cucumber-pretty')]
    }}
}