New packages org (#2639)

New packages org

lib/insights/analytics-process/components/analytics-report-parameters.component.spec.ts

@@ -0,0 +1,636 @@
+/*!
+ * @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 { DebugElement, SimpleChange } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReportParametersModel } from '../../diagram';
+import * as analyticParamsMock from '../../mock';
+import { AnalyticsReportParametersComponent } from '../components/analytics-report-parameters.component';
+import { WIDGET_ANALYTICS_DIRECTIVES } from '../components/widgets/index';
+import { MaterialModule } from '../../material.module';
+import { AnalyticsService } from '../services/analytics.service';
+import { DateRangeWidgetComponent } from './widgets/date-range/date-range.widget';
+
+declare let jasmine: any;
+
+describe('AnalyticsReportParametersComponent', () => {
+
+    let component: AnalyticsReportParametersComponent;
+    let fixture: ComponentFixture<AnalyticsReportParametersComponent>;
+    let debug: DebugElement;
+    let element: HTMLElement;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                MaterialModule
+            ],
+            declarations: [
+                DateRangeWidgetComponent,
+                AnalyticsReportParametersComponent,
+                ...WIDGET_ANALYTICS_DIRECTIVES
+            ],
+            providers: [
+                AnalyticsService
+            ]
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(AnalyticsReportParametersComponent);
+        component = fixture.componentInstance;
+        debug = fixture.debugElement;
+        element = fixture.nativeElement;
+        fixture.detectChanges();
+    });
+
+    describe('Rendering tests', () => {
+        beforeEach(() => {
+            jasmine.Ajax.install();
+        });
+
+        afterEach(() => {
+            jasmine.Ajax.uninstall();
+        });
+
+        it('Should initialize the Report form with a Form Group ', (done) => {
+            let fakeReportParam = new ReportParametersModel(analyticParamsMock.reportDefParamTask);
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                expect(component.reportForm.get('taskGroup')).toBeDefined();
+                expect(component.reportForm.get('taskGroup').get('taskName')).toBeDefined();
+                done();
+            });
+            component.successReportParams.emit(fakeReportParam);
+        });
+
+        it('Should render a dropdown with all the status when the definition parameter type is \'status\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                let dropDown: any = element.querySelector('#select-status');
+                expect(element.querySelector('h4').textContent.trim()).toEqual('Fake Task overview status');
+                expect(dropDown).toBeDefined();
+                expect(dropDown.length).toEqual(4);
+                expect(dropDown[0].innerHTML).toEqual('Choose One');
+                expect(dropDown[1].innerHTML).toEqual('All');
+                expect(dropDown[2].innerHTML).toEqual('Active');
+                expect(dropDown[3].innerHTML).toEqual('Complete');
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamStatus
+            });
+        });
+
+        it('Should render a number with the default value when the definition parameter type is \'integer\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                let numberElement: any = element.querySelector('#slowProcessInstanceInteger');
+                expect(numberElement.value).toEqual('10');
+
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamNumber
+            });
+        });
+
+        it('Should render a duration component when the definition parameter type is \'duration\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                let numberElement: any = element.querySelector('#duration');
+                expect(numberElement.value).toEqual('0');
+
+                let dropDown: any = element.querySelector('#select-duration');
+                expect(dropDown).toBeDefined();
+                expect(dropDown.length).toEqual(4);
+                expect(dropDown[0].innerHTML).toEqual('Seconds');
+                expect(dropDown[1].innerHTML).toEqual('Minutes');
+                expect(dropDown[2].innerHTML).toEqual('Hours');
+                expect(dropDown[3].innerHTML).toEqual('Days');
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamDuration
+            });
+        });
+
+        it('Should save an Params object when the submit is performed', () => {
+            component.success.subscribe((res) => {
+                expect(res.dateRange.startDate).toEqual('2016-09-01T00:00:00.000Z');
+                expect(res.dateRange.endDate).toEqual('2016-10-05T00:00:00.000Z');
+                expect(res.status).toEqual('All');
+                expect(res.processDefinitionId).toEqual('FakeProcess:1:22');
+                expect(res.taskName).toEqual('FakeTaskName');
+                expect(res.duration).toEqual(22);
+                expect(res.dateRangeInterval).toEqual(120);
+                expect(res.slowProcessInstanceInteger).toEqual(2);
+                expect(res.typeFiltering).toEqual(true);
+            });
+
+            let values: any = {
+                dateRange: {
+                    startDate: '2016-09-01', endDate: '2016-10-05'
+                },
+                statusGroup: {
+                    status: 'All'
+                },
+                processDefGroup: {
+                    processDefinitionId: 'FakeProcess:1:22'
+                },
+                taskGroup: {
+                    taskName: 'FakeTaskName'
+                },
+                durationGroup: {
+                    duration: 22
+                },
+                dateIntervalGroup: {
+                    dateRangeInterval: 120
+                },
+                processInstanceGroup: {
+                    slowProcessInstanceInteger: 2
+                },
+                typeFilteringGroup: {
+                    typeFiltering: true
+                }
+            };
+
+            component.submit(values);
+        });
+
+        it('Should render a checkbox with the value true when the definition parameter type is \'boolean\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                let checkElement: any = element.querySelector('#typeFiltering-input');
+                expect(checkElement.checked).toBeTruthy();
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamCheck
+            });
+        });
+
+        it('Should render a date range components when the definition parameter type is \'dateRange\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                let dateElement: any = element.querySelector('adf-date-range-widget');
+                expect(dateElement).toBeDefined();
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.toggleParameters();
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamDateRange
+            });
+        });
+
+        it('Should render a dropdown with all the RangeInterval when the definition parameter type is \'dateRangeInterval\' ', (done) => {
+            component.successReportParams.subscribe(() => {
+                fixture.detectChanges();
+                let dropDown: any = element.querySelector('#select-dateRangeInterval');
+                expect(dropDown).toBeDefined();
+                expect(dropDown.length).toEqual(5);
+                expect(dropDown[0].innerHTML).toEqual('By hour');
+                expect(dropDown[1].innerHTML).toEqual('By day');
+                expect(dropDown[2].innerHTML).toEqual('By week');
+                expect(dropDown[3].innerHTML).toEqual('By month');
+                expect(dropDown[4].innerHTML).toEqual('By year');
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamRangeInterval
+            });
+        });
+
+        it('Should render a dropdown with all the process definition when the definition parameter type is \'processDefinition\' and the' +
+            ' reportId change', (done) => {
+            component.successParamOpt.subscribe(() => {
+                fixture.detectChanges();
+                let dropDown: any = element.querySelector('#select-processDefinitionId');
+                expect(dropDown).toBeDefined();
+                expect(dropDown.length).toEqual(5);
+                expect(dropDown[0].innerHTML).toEqual('Choose One');
+                expect(dropDown[1].innerHTML).toEqual('Fake Process Test 1 Name  (v 1) ');
+                expect(dropDown[2].innerHTML).toEqual('Fake Process Test 1 Name  (v 2) ');
+                expect(dropDown[3].innerHTML).toEqual('Fake Process Test 2 Name  (v 1) ');
+                expect(dropDown[4].innerHTML).toEqual('Fake Process Test 3 Name  (v 1) ');
+                done();
+            });
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/app/rest/reporting/report-params/1').andReturn({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamProcessDef
+            });
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/app/rest/reporting/process-definitions').andReturn({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamProcessDefOptionsNoApp
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+        });
+
+        it('Should render a dropdown with all the process definition when the definition parameter type is \'processDefinition\' and the' +
+            ' appId change', (done) => {
+            component.successParamOpt.subscribe(() => {
+                fixture.detectChanges();
+                let dropDown: any = element.querySelector('#select-processDefinitionId');
+                expect(dropDown).toBeDefined();
+                expect(dropDown.length).toEqual(3);
+                expect(dropDown[0].innerHTML).toEqual('Choose One');
+                expect(dropDown[1].innerHTML).toEqual('Fake Process Test 1 Name  (v 1) ');
+                expect(dropDown[2].innerHTML).toEqual('Fake Process Test 1 Name  (v 2) ');
+                done();
+            });
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/app/rest/reporting/report-params/1').andReturn({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamProcessDef
+            });
+
+            let appId = 1;
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/api/enterprise/process-definitions?appDefinitionId=' + appId).andReturn({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamProcessDefOptionsApp
+            });
+
+            component.appId = appId;
+            component.reportId = '1';
+            let change = new SimpleChange(null, appId, true);
+            component.ngOnChanges({'appId': change});
+
+        });
+
+        it('Should create an empty valid form when there are no parameters definitions', () => {
+            component.success.subscribe((res) => {
+                expect(component.reportForm).toBeDefined();
+                expect(component.reportForm.valid).toEqual(true);
+                expect(component.reportForm.controls).toEqual({});
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportNoParameterDefinitions
+            });
+        });
+
+        it('Should load the task list when a process definition is selected', () => {
+            component.successReportParams.subscribe((res) => {
+                expect(res).toBeDefined();
+                expect(res.length).toEqual(2);
+                expect(res[0].id).toEqual('Fake task name 1');
+                expect(res[0].name).toEqual('Fake task name 1');
+                expect(res[1].id).toEqual('Fake task name 2');
+                expect(res[1].name).toEqual('Fake task name 2');
+            });
+
+            component.reportId = '100';
+            component.reportParameters = new ReportParametersModel(analyticParamsMock.reportDefParamTask);
+            component.onProcessDefinitionChanges(analyticParamsMock.fieldProcessDef);
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamTaskOptions
+            });
+        });
+
+        it('Should emit an error with a 404 response when the options response is not found', (done) => {
+            component.error.subscribe((err) => {
+                expect(err).toBeDefined();
+                done();
+            });
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/app/rest/reporting/report-params/1').andReturn({
+                status: 200,
+                contentType: 'json',
+                responseText: analyticParamsMock.reportDefParamProcessDef
+            });
+
+            jasmine.Ajax.stubRequest('http://localhost:9876/bpm/activiti-app/app/rest/reporting/process-definitions').andReturn({
+                status: 404,
+                contentType: 'json',
+                responseText: []
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+        });
+
+        it('Should emit an error with a 404 response when the report parameters response is not found', (done) => {
+            component.error.subscribe((err) => {
+                expect(err).toBeDefined();
+                done();
+            });
+
+            let reportId = 1;
+            let change = new SimpleChange(null, reportId, true);
+            component.ngOnChanges({'reportId': change});
+
+            jasmine.Ajax.requests.mostRecent().respondWith({
+                status: 404,
+                contentType: 'json',
+                responseText: []
+            });
+        });
+
+        it('Should convert a string in number', () => {
+            let numberConvert = component.convertNumber('2');
+            expect(numberConvert).toEqual(2);
+        });
+
+        describe('When the form is rendered correctly', () => {
+            let validForm: boolean = true;
+            let values: any = {
+                dateRange: {
+                    startDate: '2016-09-01', endDate: '2016-10-05'
+                },
+                statusGroup: {
+                    status: 'All'
+                },
+                processDefGroup: {
+                    processDefinitionId: 'FakeProcess:1:22'
+                },
+                taskGroup: {
+                    taskName: 'FakeTaskName'
+                },
+                durationGroup: {
+                    duration: 22
+                },
+                dateIntervalGroup: {
+                    dateRangeInterval: 120
+                },
+                processInstanceGroup: {
+                    slowProcessInstanceInteger: 2
+                },
+                typeFilteringGroup: {
+                    typeFiltering: true
+                }
+            };
+
+            beforeEach(async(() => {
+                let reportId = 1;
+                let change = new SimpleChange(null, reportId, true);
+                component.ngOnChanges({'reportId': change});
+                fixture.detectChanges();
+
+                jasmine.Ajax.requests.mostRecent().respondWith({
+                    status: 200,
+                    contentType: 'json',
+                    responseText: analyticParamsMock.reportDefParamStatus
+                });
+
+                fixture.whenStable().then(() => {
+                    component.toggleParameters();
+                    component.reportId = '1';
+                    spyOn(component, 'isFormValid').and.callFake(() => {
+                        return validForm;
+                    });
+                    fixture.detectChanges();
+                });
+            }));
+
+            afterEach(() => {
+                validForm = true;
+            });
+
+            it('Should be able to change the report title', (done) => {
+
+                let title: HTMLElement = element.querySelector('h4');
+                title.click();
+                fixture.detectChanges();
+
+                let reportName: HTMLInputElement = <HTMLInputElement> element.querySelector('#reportName');
+                expect(reportName).not.toBeNull();
+
+                reportName.focus();
+                component.reportParameters.name = 'FAKE_TEST_NAME';
+                reportName.value = 'FAKE_TEST_NAME';
+                reportName.dispatchEvent(new Event('blur'));
+
+                fixture.detectChanges();
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+                    let titleChanged: HTMLElement = element.querySelector('h4');
+                    expect(titleChanged.textContent.trim()).toEqual('FAKE_TEST_NAME');
+                    done();
+                });
+
+                jasmine.Ajax.requests.mostRecent().respondWith({
+                    status: 200,
+                    contentType: 'json',
+                    responseText: analyticParamsMock.reportDefParamStatus
+                });
+            });
+
+            xit('Should show a dialog to allowing report save', async(() => {
+                component.saveReportSuccess.subscribe((repId) => {
+                    fixture.detectChanges();
+                    fixture.whenStable().then(() => {
+                        expect(repId).toBe('1');
+                    });
+                });
+
+                component.submit(values);
+                fixture.detectChanges();
+                let saveButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#save-button');
+                expect(saveButton).toBeDefined();
+                expect(saveButton).not.toBeNull();
+                saveButton.click();
+
+                fixture.detectChanges();
+
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+                    let reportDialogTitle: HTMLElement = <HTMLElement> window.document.querySelector('#report-dialog-title');
+                    let saveTitleSubMessage: HTMLElement = <HTMLElement> window.document.querySelector('#save-title-submessage');
+                    let inputSaveName: HTMLInputElement = <HTMLInputElement> window.document.querySelector('#repName');
+                    let performActionButton: HTMLButtonElement = <HTMLButtonElement> window.document.querySelector('#action-dialog-button');
+                    let todayDate = component.getTodayDate();
+
+                    expect(reportDialogTitle).not.toBeNull('Dialog title should not be null');
+                    expect(saveTitleSubMessage).not.toBeNull('Dialog save title submessage should not be null');
+                    expect(inputSaveName.value.trim()).toEqual(analyticParamsMock.reportDefParamStatus.name + ' ( ' + todayDate + ' )');
+                    expect(performActionButton).not.toBeNull('Dialog action button should not be null');
+
+                    performActionButton.click();
+
+                    jasmine.Ajax.requests.mostRecent().respondWith({
+                        status: 200,
+                        contentType: 'json'
+                    });
+                });
+            }));
+
+            xit('Should show a dialog to allowing report export', async(() => {
+                component.submit(values);
+                fixture.detectChanges();
+                let exportButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#export-button');
+
+                expect(exportButton).toBeDefined();
+                expect(exportButton).not.toBeNull();
+                exportButton.click();
+
+                fixture.detectChanges();
+
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+                    let reportDialogTitle: HTMLElement = <HTMLElement> window.document.querySelector('#report-dialog-title');
+                    let inputSaveName: HTMLInputElement = <HTMLInputElement> window.document.querySelector('#repName');
+                    let performActionButton: HTMLButtonElement = <HTMLButtonElement> window.document.querySelector('#action-dialog-button');
+                    let todayDate = component.getTodayDate();
+
+                    expect(reportDialogTitle).not.toBeNull();
+                    expect(inputSaveName.value.trim()).toEqual(analyticParamsMock.reportDefParamStatus.name + ' ( ' + todayDate + ' )');
+                    expect(performActionButton).not.toBeNull();
+
+                    performActionButton.click();
+
+                    jasmine.Ajax.requests.mostRecent().respondWith({
+                        status: 200,
+                        contentType: 'json'
+                    });
+                });
+            }));
+
+            it('Should raise an event for report deleted', async(() => {
+                let deleteButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#delete-button');
+                expect(deleteButton).toBeDefined();
+                expect(deleteButton).not.toBeNull();
+
+                component.deleteReportSuccess.subscribe((reportId) => {
+                    expect(reportId).not.toBeNull();
+                });
+
+                deleteButton.click();
+
+                jasmine.Ajax.requests.mostRecent().respondWith({
+                    status: 200,
+                    contentType: 'json'
+                });
+            }));
+
+            it('Should hide export button if the form is not valid', async(() => {
+                let exportButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#export-button');
+                expect(exportButton).toBeDefined();
+                expect(exportButton).not.toBeNull();
+                validForm = false;
+
+                fixture.detectChanges();
+
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+                    exportButton = <HTMLButtonElement> element.querySelector('#export-button');
+                    expect(exportButton).toBeNull();
+                });
+            }));
+
+            it('Should hide save button if the form is not valid', async(() => {
+                let saveButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#save-button');
+                expect(saveButton).toBeDefined();
+                expect(saveButton).not.toBeNull();
+                validForm = false;
+
+                fixture.detectChanges();
+
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+                    saveButton = <HTMLButtonElement> element.querySelector('#save-button');
+                    expect(saveButton).toBeNull();
+                });
+            }));
+
+            it('Should show export and save button when the form became valid', async(() => {
+                validForm = false;
+                fixture.detectChanges();
+                let saveButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#save-button');
+                let exportButton: HTMLButtonElement = <HTMLButtonElement> element.querySelector('#export-button');
+                expect(saveButton).toBeNull();
+                expect(exportButton).toBeNull();
+                validForm = true;
+
+                fixture.whenStable().then(() => {
+                    fixture.detectChanges();
+
+                    saveButton = <HTMLButtonElement> element.querySelector('#save-button');
+                    exportButton = <HTMLButtonElement> element.querySelector('#export-button');
+
+                    expect(saveButton).not.toBeNull();
+                    expect(saveButton).toBeDefined();
+                    expect(exportButton).not.toBeNull();
+                    expect(exportButton).toBeDefined();
+                });
+            }));
+        });
+
+    });
+});