salix/front/core/components/th/index.spec.js

import './index.js';
import template from './index.html';

describe('Component vnTh', () => {
    let controller;
    let $element;

    beforeEach(angular.mock.module('vnCore', $translateProvider => {
        $translateProvider.translations('en', {});
    }));

    beforeEach(angular.mock.inject($componentController => {
        $element = angular.element(`<div>${template}</div>`);
        controller = $componentController('vnTh', {$element: $element});
        controller.table = {
            setOrder: () => {},
            applyOrder: () => {}
        };
        controller.column.setAttribute('field', 'MyField');
    }));

    describe('onInit()', () => {
        it(`should define controllers order as per defaultOrder then call setOrder()`, () => {
            controller.defaultOrder = 'DESC';
            spyOn(controller.table, 'setOrder');
            controller.$onInit();

            expect(controller.order).toEqual('DESC');
            expect(controller.table.setOrder).toHaveBeenCalledWith('MyField', 'DESC');
        });
    });

    describe('toggleOrder()', () => {
        it(`should change the ordenation to DESC (descendant) if it was ASC (ascendant)`, () => {
            controller.order = 'ASC';
            controller.toggleOrder();

            expect(controller.order).toEqual('DESC');
        });

        it(`should change the ordenation to ASC (ascendant) if it wasnt ASC`, () => {
            controller.order = 'DESC or any other value that might occur';
            controller.toggleOrder();

            expect(controller.order).toEqual('ASC');
        });

        it(`should call the setOrder() function after changing a value`, () => {
            spyOn(controller.table, 'setOrder');
            controller.order = 'Change me!';

            expect(controller.table.setOrder).toHaveBeenCalledWith('MyField', 'Change me!');
        });
    });

    describe('onToggleOrder()', () => {
        it(`should not call updateArrow() method if field property isn't defined`, () => {
            controller.column.setAttribute('field', '');
            spyOn(controller, 'updateArrow');

            controller.onToggleOrder();

            expect(controller.updateArrow).not.toHaveBeenCalledWith();
        });

        it(`should call toggleOrder() method if field property and 
        table field property equals and then call updateArrow()`, () => {
            controller.table.field = 'MyField';
            spyOn(controller, 'toggleOrder');
            spyOn(controller, 'updateArrow');

            controller.onToggleOrder();

            expect(controller.toggleOrder).toHaveBeenCalledWith();
            expect(controller.updateArrow).toHaveBeenCalledWith();
        });

        it(`should call setOrder() method if field property and 
        table field property doesn't equals and then call updateArrow()`, () => {
            controller.table.field = 'MyField2';
            spyOn(controller.table, 'setOrder');
            spyOn(controller, 'updateArrow');

            controller.onToggleOrder();

            expect(controller.table.setOrder).toHaveBeenCalledWith('MyField', 'ASC');
            expect(controller.updateArrow).toHaveBeenCalledWith();
        });
    });

    describe('updateArrow()', () => {
        it(`should remove 'asc' class and add 'desc' class if order property is descendant`, () => {
            controller.column.classList.add('asc');
            controller.order = 'DESC';
            controller.updateArrow();

            expect(controller.column.classList[0]).toEqual('desc');
        });

        it(`should remove 'asc' class and add it again if order property is ascendant`, () => {
            controller.column.classList.add('asc');
            controller.order = 'ASC';
            controller.updateArrow();

            expect(controller.column.classList[0]).toEqual('asc');
        });
    });
});