diff --git a/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.component.ts b/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.component.ts index 503c96a54..8444aa485 100644 --- a/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.component.ts +++ b/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.component.ts @@ -232,6 +232,10 @@ export class SamAutocompleteMultiselectComponent if (this.list.length > 0) { this.list = this.sortByCategory(this.list); } + } + + public ngAfterViewInit() + { if (!this.control) { return; } @@ -240,6 +244,7 @@ export class SamAutocompleteMultiselectComponent this.wrapper.formatErrors(this.control); }); this.wrapper.formatErrors(this.control); + this.ref.detectChanges(); } else { this.samFormService.formEventsUpdated$.subscribe((evt: any) => { if ( (!evt.root || evt.root === this.control.root) && diff --git a/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.spec.ts b/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.spec.ts index b5d084461..57075cf10 100644 --- a/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.spec.ts +++ b/src/ui-kit/form-controls/autocomplete-multiselect/autocomplete-multiselect.spec.ts @@ -1,6 +1,6 @@ import { TestBed, async, ComponentFixture } from '@angular/core/testing'; import { By } from '@angular/platform-browser'; -import { FormsModule } from '@angular/forms'; +import { FormsModule, FormControl } from '@angular/forms'; import { CommonModule } from '@angular/common'; import { ChangeDetectorRef } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @@ -193,5 +193,14 @@ describe('The Sam Autocomplete Multiselect Component', () => { fixture.detectChanges(); expect(component.value[0]).toBe(component.options[0]); }); + + it('Should load control error message on init', () => { + component.control = new FormControl(""); + //component.control.setValue(""); + component.control.markAsDirty(); + component.control.setErrors({ testValidation: { message: "testMessage"}}); + fixture.detectChanges(); + expect(component.wrapper.errorMessage).toBe("testMessage"); + }); }); });