fix(module:input-number): fix touched event (#1858)

close #1785
NG-ZORRO · Jul 22, 2018 · 7c90a72 · 7c90a72
1 parent 3532bbe
commit 7c90a72
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/input-number/nz-input-number.component.ts b/components/input-number/nz-input-number.component.ts
@@ -164,6 +164,7 @@ export class NzInputNumberComponent implements ControlValueAccessor, AfterViewIn
   }
 
   onBlur(e: FocusEvent): void {
+    this.onTouched();
     this.isFocused = false;
     const value = this.getCurrentValidValue(this.actualValue);
     this.setValue(value, `${this.value}` !== `${value}`);

diff --git a/components/input-number/nz-input-number.spec.ts b/components/input-number/nz-input-number.spec.ts
@@ -39,12 +39,15 @@ describe('input number', () => {
     });
     it('should focus className correct', () => {
       fixture.detectChanges();
+      expect(inputNumber.nativeElement.classList).toContain('ng-untouched');
       dispatchFakeEvent(inputElement, 'focus');
       fixture.detectChanges();
+      expect(inputNumber.nativeElement.classList).toContain('ng-untouched');
       expect(inputNumber.nativeElement.classList).toContain('ant-input-number-focused');
       dispatchFakeEvent(inputElement, 'blur');
       fixture.detectChanges();
       expect(inputNumber.nativeElement.classList).not.toContain('ant-input-number-focused');
+      expect(inputNumber.nativeElement.classList).toContain('ng-touched');
     });
     it('should nzSize work', () => {
       testComponent.size = 'large';