alfresco-ng2-components/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-header.component.spec.ts

/*!
 * @license
 * Copyright 2016 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { ComponentFixture, TestBed, async } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { AlfrescoTranslationService, CoreModule } from 'ng2-alfresco-core';
import { ActivitiProcessInstanceHeader } from './activiti-process-instance-header.component';
import { TranslationMock } from './../assets/translation.service.mock';
import { exampleProcess, processEnded } from './../assets/activiti-process.model.mock';
import { ProcessInstance } from './../models/process-instance.model';
import { ActivitiProcessComments } from './activiti-process-comments.component';
import { ActivitiProcessService } from './../services/activiti-process.service';

describe('ActivitiProcessInstanceHeader', () => {

    let componentHandler: any;
    let component: ActivitiProcessInstanceHeader;
    let fixture: ComponentFixture<ActivitiProcessInstanceHeader>;
    let element: HTMLElement;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [
                CoreModule.forRoot()
            ],
            declarations: [
                ActivitiProcessInstanceHeader,
                ActivitiProcessComments
            ],
            providers: [
                ActivitiProcessService,
                {provide: AlfrescoTranslationService, useClass: TranslationMock}
            ]
        }).compileComponents();
    }));

    beforeEach(() => {

        fixture = TestBed.createComponent(ActivitiProcessInstanceHeader);
        component = fixture.componentInstance;
        element = fixture.nativeElement;

        component.processInstance = new ProcessInstance(exampleProcess);

        componentHandler = jasmine.createSpyObj('componentHandler', [
            'upgradeAllRegistered',
            'upgradeElement'
        ]);
        window['componentHandler'] = componentHandler;
    });

    it('should render empty component if no form details provided', () => {
        component.processInstance = undefined;
        fixture.detectChanges();
        expect(fixture.debugElement.children.length).toBe(0);
    });

    it('should display started by user', () => {
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-started-by"] .activiti-process-header__value'));
        expect(formValueEl).not.toBeNull();
        expect(formValueEl.nativeElement.innerText).toBe('Bob Jones');
    });

    it('should display empty started by user if user unknown', () => {
        component.processInstance.startedBy = null;
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-started-by"] .activiti-process-header__value'));
        expect(formValueEl).not.toBeNull();
        expect(formValueEl.nativeElement.innerText).toBe('');
    });

    it('should display process start date', () => {
        component.processInstance.started = '2016-11-10T03:37:30.010+0000';
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-started"] .activiti-process-header__value'));
        expect(formValueEl).not.toBeNull();
        expect(formValueEl.nativeElement.innerText).toBe('Nov 10, 2016, 3:37:30 AM');
    });

    it('should display ended date if process is ended', () => {
        component.processInstance.ended = '2016-11-10T03:37:30.010+0000';
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-status"] .activiti-process-header__value'));
        expect(formValueEl).not.toBeNull();
        expect(formValueEl.nativeElement.innerText).toBe('Nov 10, 2016, 3:37:30 AM');
    });

    it('should render the button show diagram as default', () => {
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-show-diagram"]'));
        expect(formValueEl).not.toBeNull();
    });

    it('should render the button show diagram enabled as default', () => {
        fixture.detectChanges();
        let showButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#show-diagram-button');
        expect(showButton).toBeDefined();
        expect(showButton.disabled).toBeFalsy();
    });

    it('should render the button show diagram disabled', () => {
        component.processInstance = new ProcessInstance(processEnded);
        fixture.detectChanges();
        fixture.whenStable().then(() => {
            let showButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#show-diagram-button');
            expect(showButton).toBeDefined();
            expect(showButton.disabled).toBeTruthy();
        });
    });

    it('should NOT render the button show diagram is the property showDiagram is false', () => {
        component.showDiagram = false;
        fixture.detectChanges();
        let formValueEl = fixture.debugElement.query(By.css('[data-automation-id="header-show-pippo"]'));
        expect(formValueEl).toBeNull();
    });

});