fix(module:select): fix not blur when user hits enter

close NG-ZORRO#1940 The other problem in this issue would be fix in another pr.
wzhudev · Aug 8, 2018 · 486e1e7 · 486e1e7
1 parent f4a8532
commit 486e1e7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
diff --git a/components/select/nz-select.component.ts b/components/select/nz-select.component.ts
@@ -298,6 +298,7 @@ export class NzSelectComponent implements ControlValueAccessor, OnInit, AfterVie
       this.onTouched();
       this.nzOpen = false;
       this.nzOpenChange.emit(this.nzOpen);
+      this.blur(); // If user hits enter key to select an option, focus status on the input element would not be removed by clicking event.
     }
   }
 

diff --git a/components/select/nz-select.spec.ts b/components/select/nz-select.spec.ts
@@ -192,6 +192,18 @@ describe('nz-select component', () => {
       fixture.detectChanges();
       expect(testComponent.onSearch).toHaveBeenCalledTimes(1);
     });
+    it('should blur after user hits enter key in single mode', () => {
+      const spy = spyOn(testComponent.nzSelectComponent, 'blur');
+      testComponent.showSearch = true;
+      select.nativeElement.click();
+      fixture.detectChanges();
+      dispatchKeyboardEvent(select.nativeElement.querySelector('.ant-select-selection'), 'keydown', 40);
+      fixture.detectChanges();
+      expect(spy).not.toHaveBeenCalled();
+      dispatchKeyboardEvent(select.nativeElement.querySelector('.ant-select-selection'), 'keydown', 13);
+      fixture.detectChanges();
+      expect(spy).toHaveBeenCalled();
+    });
   });
   describe('tags', () => {
     let fixture;