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
626 lines
26 KiB
TypeScript
626 lines
26 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 { 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 { AnalyticsProcessModule } from '../analytics-process.module';
|
|
import { MaterialModule } from '../../material.module';
|
|
|
|
declare let jasmine: any;
|
|
|
|
fdescribe('AnalyticsReportParametersComponent', () => {
|
|
|
|
let component: AnalyticsReportParametersComponent;
|
|
let fixture: ComponentFixture<AnalyticsReportParametersComponent>;
|
|
let element: HTMLElement;
|
|
|
|
beforeEach(async(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [
|
|
MaterialModule,
|
|
AnalyticsProcessModule
|
|
]
|
|
}).compileComponents();
|
|
}));
|
|
|
|
beforeEach(() => {
|
|
fixture = TestBed.createComponent(AnalyticsReportParametersComponent);
|
|
component = fixture.componentInstance;
|
|
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();
|
|
});
|
|
}));
|
|
});
|
|
|
|
});
|
|
});
|