Visualize Response with HandlebarJS in Postman

As per dictionary Visualize means

make (something) visible to the eye.

It’s always better to see the results in Tabular or some visual form than seeing it in JSON/XML/any other formats. To solve this Postman has an API to present the results in a visual way. Let’s see how it can be done Postman in this blog post.

Postman supports the most popular HTML templating library HandlebarJS as an inbuilt feature. To know more about HandlebarJS have a look at the official website. Let’s dive deep into with an example…

Visualizer in Postman

As I was mentioning about an inbuilt API provided by Postman it's called visualizer. It is a programmable way to visually represent responses. Visualization code is added to the Tests for a request & will render in the Visualize tab of the body, alongside the Pretty, Raw and Preview options. See the below screenshot

Since we need some test data, I am going to rely on fake real response from gorest.co.in here is how the response is going to look like

If we try to manually see response it won’t be a pleasant experience for eyes. What if you see response in a tabular form like below?

Here is the snippet code to make this happen.

Here if you notice I have created a test under the test section, and it will first assert for status 200.

pm.response.to.have.status(200);

next is the variable template & it contains the syntax of HandlebarJS templating.

let response = pm.response.json();

at this line I am converting the response to a JSON format & then comes the most important part of the snippet.

pm.visualizer.set(template, response.data);

which takes the first parameter as template variable which we created & we pass the object array which needs to be presented in tabular form.

Here is how the syntax looks like

pm.visualizer.set(<template>, <object>);

In case if you want to try it out here is the CURL

curl --location --request GET 'https://gorest.co.in/public/v1/users'

Please let me know your valuable feedback in the comments section.

Happy Coding…

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Shiljo Paulson

Shiljo Paulson

Full stack Developer, good at OOPs, .Net, C#, JavaScript, HTML, CSS, SQL