ng-test-runner

ng-test-runner

Installation

To install it, type:

$ npm install ng-test-runner --save-dev

Example

Following example presents tests for simple counter component.

import test, {App, click, expectThat, http, Server} from "ng-test-runner";
import {CounterComponent, CounterModule} from './counter';

describe('Counter Component', () => {

    let app: App, server: Server;

    beforeEach(() => {
        app = test(CounterModule);
        server = http();
    });

    it('should render counter initial value', () => {
        const comp = app.run(CounterComponent, {value: 5}); // =>  <counter [value]="5"></counter>

        comp.verify(
            expectThat.textOf('.counter').isEqualTo('5')
        );
    });

    it('should increment counter value by 1', () => {
        const comp = app.run(CounterComponent, {value: 0});

        comp.perform(
            click.in('button.increment')
        );

        comp.verify(
            expectThat.textOf('.counter').isEqualTo('1')
        );
    });

    it('should send incrementation request to server', () => {
        const comp = app.run(CounterComponent, {value: 0});
        let jsonSentToServer;
        server.post('/counter/increment', req => {
            jsonSentToServer = req.body();
            req.sendStatus(200);
        });

        comp.perform(
            click.in('button.increment')
        );

        comp.verify(
            () => expect(jsonSentToServer).toEqual({counter: 1})
        );
    });

});

Features

• readable performing actions, e.g. clicking on elements, typing into inputs etc.
• easy request and response server stubbing
• simplified testing of code with async operations
• easy to write asserts concerning html elements