add test

NG-ZORRO · Jul 24, 2018 · 8b08ef1 · 8b08ef1
1 parent 6961b66
commit 8b08ef1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/components/cascader/nz-cascader.component.ts b/components/cascader/nz-cascader.component.ts
@@ -643,7 +643,8 @@ export class NzCascaderComponent implements OnInit, OnDestroy, ControlValueAcces
       return;
     }
 
-    if (this.inSearch && (keyCode === BACKSPACE ||
+    if (this.inSearch && (
+      keyCode === BACKSPACE ||
       keyCode === LEFT_ARROW ||
       keyCode === RIGHT_ARROW
     )) {

diff --git a/components/cascader/nz-cascader.spec.ts b/components/cascader/nz-cascader.spec.ts
@@ -13,7 +13,6 @@ import {
   dispatchMouseEvent
 } from '../core/testing';
 
-// import { NzDemoCascaderBasicComponent } from './demo/basic';
 import { CascaderOption, NzCascaderComponent, NzShowSearchOptions } from './nz-cascader.component';
 import { NzCascaderModule } from './nz-cascader.module';
 
@@ -1426,6 +1425,23 @@ describe('cascader', () => {
         done();
       });
     });
+    // How can I test BACKSPACE?
+    it('should not preventDefault left/right arrow in search mode', () => {
+      const LEFT_ARROW = 37;
+      const RIGHT_ARROW = 39;
+      fixture.detectChanges();
+      testComponent.nzShowSearch = true;
+      testComponent.cascader.inputValue = 'o';
+      testComponent.cascader.setMenuVisible(true);
+      fixture.detectChanges();
+      dispatchKeyboardEvent(cascader.nativeElement, 'keydown', LEFT_ARROW);
+      const itemEl1 = overlayContainerElement.querySelector('.ant-cascader-menu:nth-child(1) .ant-cascader-menu-item:nth-child(1)') as HTMLElement;
+      fixture.detectChanges();
+      expect(itemEl1.classList).not.toContain('ant-cascader-menu-item-active');
+      dispatchKeyboardEvent(cascader.nativeElement, 'keydown', RIGHT_ARROW);
+      fixture.detectChanges();
+      expect(itemEl1.classList).not.toContain('ant-cascader-menu-item-active');
+    });
   });
 
   describe('load data lazily', () => {