1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
import {ComponentFixture, TestBed} from '@angular/core/testing';
import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'
import {CommonModule} from "@angular/common";
import {FormBuilder, FormControl, ReactiveFormsModule, Validators} from "@angular/forms";
import {
ValidatorModel,
ValidatorOptions
} from "../../../../models/formControlModels/formControl.model";
import {FormControlMessageErrorComponent} from "../../errorMessage/formControlMessageError.component";
import {BrowserModule} from "@angular/platform-browser";
import {MultiselectFormControlComponent} from "./multiselect.formControl.component";
import {MultiselectFormControl} from "../../../../models/formControlModels/multiselectFormControl.model";
import { of } from "rxjs";
describe('Dropdown Form Control Component', () => {
let component: MultiselectFormControlComponent;
let fixture: ComponentFixture<MultiselectFormControlComponent>;
let fb: FormBuilder;
beforeAll(done => (async () => {
TestBed.configureTestingModule({
imports: [CommonModule, BrowserModule, ReactiveFormsModule],
providers: [FormBuilder],
declarations: [MultiselectFormControlComponent, FormControlMessageErrorComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
});
await TestBed.compileComponents();
fixture = TestBed.createComponent(MultiselectFormControlComponent);
component = fixture.componentInstance;
fb = TestBed.get(FormBuilder);
})().then(done).catch(done.fail));
test('component should initialize basic parameters', () => {
component.data = new MultiselectFormControl({
displayName: "display Name",
validations: [new ValidatorModel(ValidatorOptions.required, 'is required')],
dataTestId: "data-test-id",
placeHolder: "place holder",
controlName: 'testDropdown',
options: of([
'option1',
'option2',
'option3',
'onBlur'
])
});
component.data.hasErrors = function () {
return this.formGroup.controls[this.controlName].touched && this.formGroup.controls[this.controlName].errors ? ['error-style'] : [];
};
component.data.onBlur = function () {
component.form.controls['testDropdown'].setValue('onBlur');
};
component.form = fb.group({
'testDropdown': new FormControl({
value: component.data.value,
disabled: false
}, Validators.compose(component.data.validations.map(item => item.validator)))
});
component.form.controls['testDropdown'].setValue('');
expect(component.form.controls['testDropdown'].errors.required).toBeTruthy();
component.form.controls['testDropdown'].setValue('option2');
expect(component.form.controls['testDropdown'].errors).toBeFalsy();
component.data.onBlur();
expect(component.form.controls['testDropdown'].value).toEqual('onBlur');
expect(component.form.controls['testDropdown'].errors).toBeFalsy();
}
)
});
|