When you start to write tests, you could spread many duplicated rows of your code all over the tests. As an example of testing endpoints of the backend, I use the . It provides you with the ability to send HTTP requests to specific REST APIs. SuperTest For the backend, there can be some general things in the requests. For example, the headers of the request. I guess you will be required to include some common headers that are used everywhere in your API. export const commonHeaders = {
    [AUTHORIZATION_HEADER]: AUTH_HEADER,
    'Content-Type': 'application/json',
}; The headers can be set to the SuperTest request object on the creation. Then it will be nice to have a common function for the tests to create a ‘request’ object. And fill the object with all needed headers. export function createSuperTestRequest(useExternalToken = false): SuperAgentTest {
    const request = agent(PlatformTest.callback());
    request.set(commonHeaders);
    if (useExternalToken) {
        request.set(EXTERNAL_TOKEN_HEADER, EXTERNAL_TOKEN);
    }
    return request;
} The function has a parameter, but it can be something more complex like an object. So, that approach allows you to create some complex ‘request’ in one place. createSuperTestRequest useExternalToken options = { useExternalToken: false, cookies: {…}} Next, it would be great to have all requests related to the specific controller in one class. It helps to reuse the same endpoint request between multiple tests. And each method can be specified with additional data like . timeout(2000) export class UserApiClient {
    constructor(private readonly request: SuperTest<Test>) {}

    async create(name: string): Promise<Response> {
        const data = name === '' ? {} : { name };
        return this.request.post(USER_URL).timeout(2000).send(data);
    }

    ...
} In some endpoints, you will use Query parameters; you can put such parameters inside the request string. However, there is a specific function . It works like HashSet as well as function for headers. query() set() public get(userId: number, includeCounters = false) {
    return this.request
        .get(USER_URL)
        .query({ includeCounters: includeCounters });
} Inside the tests for the controller, you will create the SuperTest object and the UserApiClient class, and provide the ‘request’ object to it. describe('Your API tests', () => {
    let userApiClient: UserApiClient;

    before(PlatformTest.bootstrap(Server));
    before(() => {
        const request = createSuperTestRequest();
        apiClient = new UserApiClient(request);
    });
    ...
} When I write tests, I come across scenarios where I need to make stubs on objects that were initialized inside the functions. The tricky thing here is to properly make a stub on what is needed. library comes to help with the amazing feature of object prototyping in JS. Sinon sinon.stub(RulesClient.prototype, 'send').resolves({
    rules
}); In this way, you can assign whatever result you want from the async function, and no need to worry about how to inject the mock object inside some other class. Also, this approach can stub the private function in the class. The modifier usually adds more complexity for the testing, but not so much when you are using JS and Sinon. private export class RulesClient {
    public send(rule: Rule): Promise<RuleResult> {
        this.checkUser();
        return ...;
    }

    private checkUser() {
        ...
    }
} This private function can be mocked by sinon as well. Use casting to type , like or like . checkUser() any 'checkUser' as any <any> 'checkUser' sinon.stub(RulesClient.prototype, 'checkUser' as any).callsFake(() => {}) And do not forget to restore the functionality of the prototype for other tests. afterEach(async () => {
    sinon.restore();
}); It’s definitely an awesome way to create stubs. In some other languages, you will have to create some adapter, in other words, some wrapper class to initialize the instance. And this class should be injected into the services. And most of the time it is added for the test’s purposes. Photo by on Max Duzij Unsplash

Initialized

What to Do After You've Deployed Your WebApp

Build a Solana Crowdfunding App using React

Nominated for 2022 - HackerNoon Contributor of the Year - Redux

Nominated for 2022 - No No No Nodejs

Nominated for 2022 - HackerNoon Contributor of the Year - Coding Skills

Nominated for 2022 - HackerNoon Contributor of the Year - Typescript

Nominated for 2022 - HackerNoon Contributor of the Year - Api

Too Long; Didn't Read

Make resilience your competitive advantage

Simplify Your Server JS Tests

Simplify Your Server JS Tests

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Build a Solana Crowdfunding App using React

10 Steps to Build a High-Value Startup with $44k Free Credits

125 Stories To Learn How To Do X

213 Stories To Learn About Guide

181 Stories To Learn About Beginners Guide

Build a Solana Crowdfunding App using React

10 Steps to Build a High-Value Startup with $44k Free Credits

125 Stories To Learn How To Do X

213 Stories To Learn About Guide

181 Stories To Learn About Beginners Guide

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps