Plz yurn on JavaScript

Testing your API with Postman

January 28, 20172 minutes to read

  • #tutorial
  • #article
  • #javascript

I'm sure you already know the famous tool call Postman. This is a super useful tool for test your API and looks at the response you get from your server. But I see a lot of people just using it as a manual tester. This is not wrong but you can get much better productivity with if you use some of Postman features.

Create your first Simple Test

First thing this is a simple controller in your app where you can fetch a unique post with is ID as params.

/posts/controller.js

1import Post from './model';
2/**
3* GET BY ID
4*/
5export const fetchPostById = async (req, res) => {
6 try {
7 res.status(200).json({ post: await Post.findById(req.params.id) });
8 } catch (e) {
9 res.status(e.status).json({ error: true, message: e.message });
10 }
11};

/posts/routes.js

1import { Router } from 'express';
2import * as PostController from './controller';
3
4const routes = new Router();
5
6routes.route('/posts/:id').get(PostController.fetchPostById);
7
8export default routes;

Now time to open Postman. In your left, you gonna see

a little folder with a plus sign. If you click there you can now create a collection.

Give a little name for your collection. For me, I'm using Postman-Tuto. With that collection, we make our life much easier to test route already create.

Add the route and the GET method in the main area. For me, I add

1http://localhost:3000/api/v1/posts/588ce463f4741431c918a04b

cause I have already created a fake post.

Now when I click send I receive this.

Perfect the route is working and the controller + model do their job.

Write your first Postman test

If you click on Test right below the URL container you gonna see this

.

Now time to write some test. First thing in the right you can see a select menu with test already create by Postman. We can select one already

1Status code: Code is 200

If you click send now we can see the test pass 1/1.

Now add the

1Response body: JSON value check

again in your right snippets.

1var jsonData = JSON.parse(responseBody);
2tests["Post should have title of Title 1"] = jsonData.post.title === "Title 1";

Add this line and now click send.

This is the result.

Add more test

Now an example of a complete test for this routes.

1tests["GET By Id Posts - Status code is 200"] = responseCode.code === 200;
2
3var jsonData = JSON.parse(responseBody);
4
5tests["Post should have title of Title 1"] = jsonData.post.title === "Title 1";
6
7tests["Post should have id of 588ce463f4741431c918a04b"] = jsonData.post._id === "588ce463f4741431c918a04b";
8
9tests["Should have no error"] = jsonData.error === false;

Time to save and add new one

Now in the top left, you can see a big Save button. Click on the arrow and save as. Give a name to this route.

you need to add it to your collection.

The runner

In the top left you can see the button Runner if you click it Postman open a new window. Select your collection in the dropdown.

If you click Start Run you can get this.

As you can see I add some new test for show how awesome this tool can be. You can also import your test run and give that to another dev in your team.

Last thing you can also export all your route if you click it in your collection. After the other dev just need to import it and he gets all your route. Now I start to export it in my postman folder inside my server so I can import it if I delete mine on my GUI.

Hope you like this little tutorial and you learn something new today :).

P.S You still need to run some test in your controller etc but with the Runner of Postman + the test etc that give you just much more confirmation.


Ressources

Previous

Why I moved away from Atom to Visual Studio Code and my Setup

Next

My goals for 2017

Join my Newsletter

Subscribe to get my latest content & deal for my incoming courses.

    I respect your privacy. Unsubscribe at any time.

    Powered By ConvertKit

    Comments