mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
f629f48d16
* fix viewer script export insights and diagram remove requires svg fix new data adapter path dist working with diagrams commented out change use of minimatch fix unused import remove unused component fix test new import moment es6 and throw rxjs fix import analytics test fix imports rxjs new pacakging * fix after rebase * fix test upload services * exclude temporarily button event test * restore commented demo shell files * fix process spy
634 lines
31 KiB
TypeScript
634 lines
31 KiB
TypeScript
/*!
|
|
* @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 { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
|
|
|
import * as diagramsEventsMock from '../../mock/diagram/diagramEvents.mock';
|
|
import { DiagramComponent } from './diagram.component';
|
|
import { DiagramsModule } from '../diagram.module';
|
|
|
|
declare let jasmine: any;
|
|
|
|
describe('Diagrams events', () => {
|
|
|
|
let component: any;
|
|
let fixture: ComponentFixture<DiagramComponent>;
|
|
let element: HTMLElement;
|
|
|
|
beforeEach(async(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [
|
|
DiagramsModule
|
|
]
|
|
}).compileComponents();
|
|
}));
|
|
|
|
beforeEach(() => {
|
|
fixture = TestBed.createComponent(DiagramComponent);
|
|
component = fixture.componentInstance;
|
|
element = fixture.nativeElement;
|
|
fixture.detectChanges();
|
|
});
|
|
|
|
beforeEach(() => {
|
|
jasmine.Ajax.install();
|
|
component.processInstanceId = '38399';
|
|
component.processDefinitionId = 'fakeprocess:24:38399';
|
|
component.metricPercentages = { startEvent: 0 };
|
|
});
|
|
|
|
afterEach(() => {
|
|
component.success.unsubscribe();
|
|
jasmine.Ajax.uninstall();
|
|
});
|
|
|
|
let ajaxReply = (resp: any) => {
|
|
jasmine.Ajax.requests.mostRecent().respondWith({
|
|
status: 200,
|
|
contentType: 'json',
|
|
responseText: resp
|
|
});
|
|
};
|
|
|
|
describe('Diagrams component Events: ', () => {
|
|
|
|
it('Should render the Start Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Timer Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-timer > raphael-icon-timer');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
|
|
let resp = { elements: [diagramsEventsMock.startTimeEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Signal Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-signal > raphael-icon-signal');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startSignalEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Message Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-message > raphael-icon-message');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startMessageEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the End Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the End Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-end-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
});
|
|
|
|
describe('Diagrams component Events with process instance id: ', () => {
|
|
|
|
it('Should render the Start Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Start Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Start Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Timer Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-timer > raphael-icon-timer');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startTimeEvent] };
|
|
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Start Timer Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-timer > raphael-icon-timer');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startTimeEventActive] };
|
|
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Start Timer Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-timer > raphael-icon-timer');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startTimeEventCompleted] };
|
|
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Signal Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-signal > raphael-icon-signal');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startSignalEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Start Signal Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-signal > raphael-icon-signal');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startSignalEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Start Signal Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-signal > raphael-icon-signal');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startSignalEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Message Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-message > raphael-icon-message');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startMessageEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Start Message Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-message > raphael-icon-message');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startMessageEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Start Message Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-message > raphael-icon-message');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startMessageEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Start Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Start Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startErrorEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Start Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-start-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-start-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.startErrorEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the End Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active End Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed End Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the End Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-end-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active End Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-end-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endErrorEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed End Error Event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).toBeDefined();
|
|
let event: any = element.querySelector('diagram-end-event > diagram-event > raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(event).not.toBeNull();
|
|
|
|
let iconEvent: any = element.querySelector('diagram-end-event > diagram-event >' +
|
|
' diagram-container-icon-event > div > div > diagram-icon-error > raphael-icon-error');
|
|
expect(iconEvent).not.toBeNull();
|
|
let tooltip: any = element.querySelector('diagram-tooltip > div');
|
|
expect(tooltip.textContent).toContain(res.elements[0].id);
|
|
expect(tooltip.textContent).toContain(res.elements[0].type);
|
|
});
|
|
});
|
|
component.ngOnChanges();
|
|
let resp = { elements: [diagramsEventsMock.endErrorEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
});
|
|
|
|
});
|