neft/examples/counter/tests/views/index.js

Universal Platform

describe('views/index', () => {
    let view;

    beforeEach(() => {
        view = app.views['views/index.xhtml'].render();
    });

    describe('state.counter', () => {
        it('is 0 by default', () => {
            assert.is(view.scope.state.counter, 0);
        });

        it('renders properly', () => {
            const h1 = view.node.query('h1');
            assert.is(h1.stringifyChildren(), `${view.scope.state.counter}`);
        });
    });

    describe('this.increment', () => {
        it('increments state.counter by 1', () => {
            const { state } = view.scope;
            const initValue = state.counter;
            view.scope.increment();
            assert.is(state.counter, initValue + 1);
            view.scope.increment();
            assert.is(state.counter, initValue + 2);
        });

        it('is called on increment button click', () => {
            let called = false;
            const button = view.node.query('button.increment');
            view.scope.increment = () => { called = true };
            button.style.pointer.onClick.emit();
            assert.ok(called);
        });
    });

    describe('this.decrement', () => {
        it('decrements state.counter by 1', () => {
            const { state } = view.scope;
            const initValue = state.counter;
            view.scope.decrement();
            assert.is(state.counter, initValue - 1);
            view.scope.decrement();
            assert.is(state.counter, initValue - 2);
        });

        it('is called on decrement button click', () => {
            let called = false;
            const button = view.node.query('button.decrement');
            view.scope.decrement = () => { called = true };
            button.style.pointer.onClick.emit();
            assert.ok(called);
        });
    });
});