-
pybelecalo authored6de5db67
context-create.component.spec.ts 10.17 KiB
/*
* Copyright French Prime minister Office/SGMAP/DINSIC/Vitam Program (2019-2020)
* and the signatories of the "VITAM - Accord du Contributeur" agreement.
*
* contact@programmevitam.fr
*
* This software is a computer program whose purpose is to implement
* implement a digital archiving front-office system for the secure and
* efficient high volumetry VITAM solution.
*
* This software is governed by the CeCILL-C license under French law and
* abiding by the rules of distribution of free software. You can use,
* modify and/ or redistribute the software under the terms of the CeCILL-C
* license as circulated by CEA, CNRS and INRIA at the following URL
* "http://www.cecill.info".
*
* As a counterpart to the access to the source code and rights to copy,
* modify and redistribute granted by the license, users are provided only
* with a limited warranty and the software's author, the holder of the
* economic rights, and the successive licensors have only limited
* liability.
*
* In this respect, the user's attention is drawn to the risks associated
* with loading, using, modifying and/or developing or reproducing the
* software by the user in light of its specific status of free software,
* that may mean that it is complicated to manipulate, and that also
* therefore means that it is reserved for developers and experienced
* professionals having in-depth computer knowledge. Users are therefore
* encouraged to load and test the software's suitability as regards their
* requirements in conditions enabling the security of their systems and/or
* data to be ensured and, more generally, to use and operate it in the
* same conditions as regards security.
*
* The fact that you are presently reading this means that you have had
* knowledge of the CeCILL-C license and that you accept its terms.
*/
/* tslint:disable: max-classes-per-file directive-selector */
import {Component, forwardRef, Input, NO_ERRORS_SCHEMA} from '@angular/core';
import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import {ControlValueAccessor, NG_VALUE_ACCESSOR, ReactiveFormsModule} from '@angular/forms';
import {MatButtonToggleModule} from '@angular/material/button-toggle';
import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
import {MatFormFieldModule} from '@angular/material/form-field';
import {MatProgressBarModule} from '@angular/material/progress-bar';
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
import {MatSelectModule} from '@angular/material/select';
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
import {EMPTY, of} from 'rxjs';
import {ConfirmDialogService, OtpState} from 'ui-frontend-common';
import {VitamUICommonTestModule} from 'ui-frontend-common/testing';
import {ContextService} from '../context.service';
import {ContextCreateComponent} from './context-create.component';
import {ContextCreateValidators} from './context-create.validators';
@Component({
selector: 'app-owner-form',
template: '',
providers: [{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => OwnerFormStubComponent),
multi: true,
}]
})
class OwnerFormStubComponent implements ControlValueAccessor {
@Input() contextInfo: any;
writeValue() {
}
registerOnChange() { }
registerOnTouched() {
}
}
const expectedContext = {
enabled: true,
code: '424242',
name: 'John Doe',
companyName: 'John Co.',
hasCustomGraphicIdentity: false,
passwordRevocationDelay: 3,
otp: OtpState.OPTIONAL,
address: {
street: 'street',
zipCode: '12345',
city: 'New York',
country: 'US',
},
language: 'en',
emailDomains: ['test.com', 'toto.co.uk'],
defaultEmailDomain: 'test.com',
owners: [{
code: '666666',
name: 'Alice Vans',
companyName: 'Vans',
address: {
street: 'street2',
zipCode: '43121',
city: 'Paris',
country: 'FR',
}
}]
};
let component: ContextCreateComponent;
let fixture: ComponentFixture<ContextCreateComponent>;
class Page {
get submit() {
return fixture.nativeElement.querySelector('button[type=submit]');
}
control(name: string) {
return fixture.nativeElement.querySelector('[formControlName=' + name + ']');
}
}
let page: Page;
// TODO gafou : boom tomorrow
xdescribe('ContextCreateComponent', () => {
beforeEach(waitForAsync(() => {
const matDialogRefSpy = jasmine.createSpyObj('MatDialogRef', ['close']);
const contextServiceSpy = jasmine.createSpyObj('ContextService', {create: of({})});
const contextCreateValidatorsSpy = jasmine.createSpyObj(
'ContextCreateValidators',
{uniqueCode: () => of(null), uniqueDomain: of(null)}
);
TestBed.configureTestingModule({
imports: [
ReactiveFormsModule,
MatFormFieldModule,
MatSelectModule,
MatButtonToggleModule,
MatProgressBarModule, NoopAnimationsModule,
MatProgressSpinnerModule,
VitamUICommonTestModule,
],
declarations: [
ContextCreateComponent,
OwnerFormStubComponent,
],
providers: [
{provide: MatDialogRef, useValue: matDialogRefSpy},
{provide: MAT_DIALOG_DATA, useValue: {}},
{provide: ContextService, useValue: contextServiceSpy},
{provide: ContextCreateValidators, useValue: contextCreateValidatorsSpy},
{provide: ConfirmDialogService, useValue: {listenToEscapeKeyPress: () => EMPTY}},
],
schemas: [NO_ERRORS_SCHEMA]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ContextCreateComponent);
component = fixture.componentInstance;
fixture.detectChanges();
page = new Page();
});
it('should create', () => {
expect(component).toBeTruthy();
});
describe('Template', () => {
it('should have the right inputs', () => {
expect(page.control('code')).toBeTruthy();
expect(page.control('name')).toBeTruthy();
expect(page.control('companyName')).toBeTruthy();
expect(page.control('street')).toBeTruthy();
expect(page.control('zipCode')).toBeTruthy();
expect(page.control('city')).toBeTruthy();
expect(page.control('country')).toBeTruthy();
expect(page.control('language')).toBeTruthy();
expect(page.control('passwordRevocationDelay')).toBeTruthy();
expect(page.control('otp')).toBeTruthy();
expect(page.control('emailDomains')).toBeTruthy();
// expect(page.control('hasCustomGraphicIdentity')).toBeTruthy();
});
it('should have a submit button', () => {
expect(page.submit).toBeTruthy();
expect(page.submit.attributes.disabled).toBeTruthy();
component.form.setValue(expectedContext);
fixture.detectChanges();
expect(page.submit.attributes.disabled).toBeFalsy();
});
});
describe('Form', () => {
it('should be invalid when empty', () => {
expect(component.form.invalid).toBeTruthy();
});
it('should be valid', () => {
component.form.setValue(expectedContext);
expect(component.form.valid).toBeTruthy();
});
describe('Validators', () => {
describe('code', () => {
it('should check the code format', () => { expect(setControlValue('code', '').invalid).toBeTruthy();
expect(setControlValue('code', 'A1A1AazZ').invalid).toBeTruthy();
expect(setControlValue('code', '1234567890123456789012345').invalid).toBeTruthy();
expect(setControlValue('code', '123456789012345678901').invalid).toBeTruthy();
expect(setControlValue('code', '12345678901234567890').valid).toBeTruthy('12345678901234567890');
expect(setControlValue('code', '000000000').valid).toBeTruthy('000000000');
expect(setControlValue('code', '999999').valid).toBeTruthy('999999');
});
});
describe('fields', () => {
it('should be required', () => {
expect(setControlValue('name', '').invalid).toBeTruthy();
expect(setControlValue('name', 'n').valid).toBeTruthy();
expect(setControlValue('companyName', '').invalid).toBeTruthy();
expect(setControlValue('companyName', 't').valid).toBeTruthy();
expect(setControlValue('address.street', '').invalid).toBeTruthy();
expect(setControlValue('address.street', 't').valid).toBeTruthy();
expect(setControlValue('address.zipCode', '').invalid).toBeTruthy();
expect(setControlValue('address.zipCode', 't').valid).toBeTruthy();
expect(setControlValue('address.city', '').invalid).toBeTruthy();
expect(setControlValue('address.city', 't').valid).toBeTruthy();
expect(setControlValue('address.country', '').invalid).toBeTruthy();
expect(setControlValue('address.country', 't').valid).toBeTruthy();
expect(setControlValue('language', '').invalid).toBeTruthy();
expect(setControlValue('language', 't').valid).toBeTruthy();
expect(setControlValue('emailDomains', '').invalid).toBeTruthy();
expect(setControlValue('emailDomains', 't').valid).toBeTruthy();
expect(setControlValue('defaultEmailDomain', '').invalid).toBeTruthy();
expect(setControlValue('defaultEmailDomain', 't').valid).toBeTruthy();
});
});
function setControlValue(name: string | Array<string | number>, value: any) {
const control = component.form.get(name);
control.setValue(value);
return control;
}
});
});
describe('Component', () => {
it('should call dialogRef.close', () => {
const matDialogRef = TestBed.inject(MatDialogRef);
component.onCancel();
expect(matDialogRef.close).toHaveBeenCalledTimes(1);
});
it('should not call create()', () => {
const contextService = TestBed.inject(ContextService);
component.onSubmit();
expect(contextService.create).toHaveBeenCalledTimes(0);
});
it('should call create()', () => {
const contextService = TestBed.inject(ContextService);
const matDialogRef = TestBed.inject(MatDialogRef);
component.form.setValue(expectedContext);
component.onSubmit();
expect(contextService.create).toHaveBeenCalledTimes(1); expect(matDialogRef.close).toHaveBeenCalledTimes(1);
});
});
});