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
568 lines
27 KiB
TypeScript
568 lines
27 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 intermediateCatchingMock from '../../mock/diagram/diagramIntermediate.mock';
|
|
import { DiagramComponent } from './diagram.component';
|
|
import { DiagramsModule } from '../diagram.module';
|
|
|
|
declare let jasmine: any;
|
|
|
|
describe('Diagrams Catching', () => {
|
|
|
|
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 Intermediate Catching events: ', () => {
|
|
|
|
it('Should render the Intermediate catching time event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-timer');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingTimeEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching error event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-error');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching signal event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-signal');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingSignalEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching signal message', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-message');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingMessageEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
});
|
|
|
|
describe('Diagrams component Intermediate Catching events with process instance id: ', () => {
|
|
|
|
it('Should render the Intermediate catching time event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-timer');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingTimeEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Intermediate catching time event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-timer');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingTimeEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Intermediate catching time event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-timer');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingTimeEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching error event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-error');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingErrorEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Intermediate catching error event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-error');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingErrorEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Intermediate catching error event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-error');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingErrorEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching signal event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-signal');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingSignalEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate Active catching signal event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-signal');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingSignalEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Intermediate catching signal event', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-signal');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingSignalEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Intermediate catching signal message', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-message');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingMessageEvent] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Active Intermediate catching signal message', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#017501"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-message');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingMessageEventActive] };
|
|
ajaxReply(resp);
|
|
}));
|
|
|
|
it('Should render the Completed Intermediate catching signal message', async(() => {
|
|
component.success.subscribe((res) => {
|
|
fixture.detectChanges();
|
|
fixture.whenStable().then(() => {
|
|
expect(res).not.toBeNull();
|
|
|
|
let coloredShape: any = element.querySelector('diagram-intermediate-catching-event>raphael-circle[ng-reflect-stroke="#2632aa"]');
|
|
expect(coloredShape).not.toBeNull();
|
|
|
|
let shape: any = element.querySelector('diagram-intermediate-catching-event');
|
|
expect(shape).not.toBeNull();
|
|
expect(shape.children.length).toBe(4);
|
|
|
|
let outerCircle = shape.children[0];
|
|
expect(outerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let innerCircle = shape.children[1];
|
|
expect(innerCircle.localName).toEqual('raphael-circle');
|
|
|
|
let iconShape: any = element.querySelector('diagram-intermediate-catching-event > diagram-container-icon-event >' +
|
|
' div > div > diagram-icon-message');
|
|
expect(iconShape).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: [intermediateCatchingMock.intermediateCatchingMessageEventCompleted] };
|
|
ajaxReply(resp);
|
|
}));
|
|
});
|
|
|
|
});
|