mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-26 17:24:56 +00:00
[ADF-2925] Required and invalid validators added (#3277)
* test added * tests clean * test added * tslint clean * test name changed * update tests
This commit is contained in:
parent
db7d0b7c08
commit
fd924c439a
@ -18,9 +18,12 @@
|
||||
matInput [formControl]="to" [errorStateMatcher]="matcher"
|
||||
placeholder="{{ 'SEARCH.FILTER.RANGE.TO' | translate }}"
|
||||
autocomplete="off">
|
||||
<mat-error *ngIf="to.invalid">
|
||||
<mat-error *ngIf="to.hasError('pattern')">
|
||||
{{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}
|
||||
</mat-error>
|
||||
<mat-error *ngIf="to.hasError('required')">
|
||||
{{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}
|
||||
</mat-error>
|
||||
</mat-form-field>
|
||||
|
||||
|
||||
|
@ -136,4 +136,28 @@ describe('SearchNumberRangeComponent', () => {
|
||||
|
||||
expect(component.formValidator).toBeTruthy();
|
||||
});
|
||||
|
||||
it('should throw pattern error if "from" value is formed by letters', () => {
|
||||
component.ngOnInit();
|
||||
component.from = new FormControl('abc', component.validators);
|
||||
expect(component.from.hasError('pattern')).toBe(true);
|
||||
});
|
||||
|
||||
it('should not throw pattern error if "from" value is formed by digits', () => {
|
||||
component.ngOnInit();
|
||||
component.from = new FormControl(123, component.validators);
|
||||
expect(component.from.hasError('pattern')).toBe(false);
|
||||
});
|
||||
|
||||
it('should throw required error if "from" value is empty', () => {
|
||||
component.ngOnInit();
|
||||
component.from = new FormControl('', component.validators);
|
||||
expect(component.from.hasError('required')).toBe(true);
|
||||
});
|
||||
|
||||
it('should not throw required error if "from" value is not empty', () => {
|
||||
component.ngOnInit();
|
||||
component.from = new FormControl(123, component.validators);
|
||||
expect(component.from.hasError('required')).toBe(false);
|
||||
});
|
||||
});
|
||||
|
@ -44,6 +44,8 @@ export class SearchNumberRangeComponent implements SearchWidget, OnInit {
|
||||
field: string;
|
||||
format = '[{FROM} TO {TO}]';
|
||||
|
||||
validators: Validators;
|
||||
|
||||
ngOnInit(): void {
|
||||
|
||||
if (this.settings) {
|
||||
@ -51,13 +53,13 @@ export class SearchNumberRangeComponent implements SearchWidget, OnInit {
|
||||
this.format = this.settings.format || '[{FROM} TO {TO}]';
|
||||
}
|
||||
|
||||
const validators = Validators.compose([
|
||||
this.validators = Validators.compose([
|
||||
Validators.required,
|
||||
Validators.pattern(/^-?(0|[1-9]\d*)?$/)
|
||||
]);
|
||||
|
||||
this.from = new FormControl('', validators);
|
||||
this.to = new FormControl('', validators);
|
||||
this.from = new FormControl('', this.validators);
|
||||
this.to = new FormControl('', this.validators);
|
||||
|
||||
this.form = new FormGroup({
|
||||
from: this.from,
|
||||
|
Loading…
x
Reference in New Issue
Block a user