novo-elements/src/elements/card/Card.spec.ts

Bullhorn's NOVO Element Repository for Angular 2

// NG2
import { TestBed, async } from '@angular/core/testing';
// App
import { CardElement } from './Card';
import { NovoLoadingElement } from '../loading/Loading';
import { TooltipDirective } from '../tooltip/Tooltip';
import { NovoLabelService } from '../../services/novo-label-service';

describe('Elements: CardElement', () => {
    let fixture;
    let component;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [
                CardElement,
                NovoLoadingElement,
                TooltipDirective
            ],
            providers: [
                { provide: NovoLabelService, useClass: NovoLabelService }
            ]
        }).compileComponents();
        fixture = TestBed.createComponent(CardElement);
        component = fixture.debugElement.componentInstance;
    }));

    describe('Method: ngOnInit()', () => {
        it('should initialize correctly', () => {
            expect(component).toBeTruthy();
            expect(component.ngOnInit).toBeDefined();
            expect(component.onClose).toBeDefined();
            expect(component.onRefresh).toBeDefined();
            expect(component.padding).toBeTruthy();
        });
    });

    describe('Method: ngOnChanges()', () => {
        it('should be defined', () => {
            expect(component.ngOnChanges).toBeDefined();
        });

        it('should set defaults', () => {
            component.ngOnChanges();
            expect(component.config).toBeDefined();
            expect(component.cardAutomationId).toBe('no-title-card');
            expect(component.iconClass).toBeFalsy();
            expect(component.messageIconClass).toBeFalsy();
        });

        it('should setup with value set on component', () => {
            component.title = 'test';
            component.icon = 'test';
            component.messageIcon = 'test';
            component.ngOnChanges();
            expect(component.cardAutomationId).toBe('test-card');
            expect(component.iconClass).toBe('bhi-test');
            expect(component.messageIconClass).toBe('bhi-test');
        });

        it('should setup with value set in config', () => {
            component.config = {
                title: 'test',
                icon: 'test',
                messageIcon: 'test'
            };
            component.ngOnChanges();
            expect(component.cardAutomationId).toBe('test-card');
            expect(component.iconClass).toBe('bhi-test');
            expect(component.messageIconClass).toBe('bhi-test');
        });
    });

    describe('Method: toggleClose()', () => {
        it('should emit close event', () => {
            spyOn(component.onClose, 'next');
            component.toggleClose();
            expect(component.onClose.next).toHaveBeenCalledWith();
        });

        it('should call close function if defined in config', () => {
            component.config.onClose = () => {
            };
            spyOn(component.onClose, 'next');
            spyOn(component.config, 'onClose');
            component.toggleClose();
            expect(component.onClose.next).not.toHaveBeenCalled();
            expect(component.config.onClose).toHaveBeenCalled();
        });
    });

    describe('Method: toggleRefresh()', () => {
        it('should emit close event', () => {
            spyOn(component.onRefresh, 'next');
            component.toggleRefresh();
            expect(component.onRefresh.next).toHaveBeenCalledWith();
        });

        it('should call refresh function if defined in config', () => {
            component.config.onRefresh = () => {
            };
            spyOn(component.onRefresh, 'next');
            spyOn(component.config, 'onRefresh');
            component.toggleRefresh();
            expect(component.onRefresh.next).not.toHaveBeenCalled();
            expect(component.config.onRefresh).toHaveBeenCalled();
        });
    });
});