feat(module:steps): supports enable and disable (#6101)

close #5579
NG-ZORRO · Nov 30, 2020 · b87e72d · b87e72d
1 parent edffdee
commit b87e72d
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git a/components/steps/step.component.ts b/components/steps/step.component.ts
@@ -55,8 +55,7 @@ import { Subject } from 'rxjs';
                 status: nzStatus,
                 index: index
               }"
-            >
-            </ng-template>
+            ></ng-template>
           </span>
         </ng-template>
       </div>
@@ -154,6 +153,16 @@ export class NzStepComponent implements OnDestroy {
     }
   }
 
+  enable(): void {
+    this.nzDisabled = false;
+    this.cdr.markForCheck();
+  }
+
+  disable(): void {
+    this.nzDisabled = true;
+    this.cdr.markForCheck();
+  }
+
   markForCheck(): void {
     this.cdr.markForCheck();
   }

diff --git a/components/steps/steps.spec.ts b/components/steps/steps.spec.ts
@@ -396,6 +396,24 @@ describe('steps', () => {
       fixture.detectChanges();
       expect(testComponent.onIndexChange).not.toHaveBeenCalled();
     }));
+
+    it('should enable and disable work', fakeAsync(() => {
+      fixture.detectChanges();
+      tick();
+      fixture.detectChanges();
+      innerSteps[1].componentInstance.disable();
+      fixture.detectChanges();
+      spyOn(testComponent, 'onIndexChange');
+      innerSteps[1].nativeElement.querySelector('.ant-steps-item-container').click();
+      fixture.detectChanges();
+      expect(testComponent.onIndexChange).not.toHaveBeenCalled();
+      innerSteps[1].componentInstance.enable();
+      fixture.detectChanges();
+      innerSteps[1].nativeElement.querySelector('.ant-steps-item-container').click();
+      fixture.detectChanges();
+      expect(testComponent.onIndexChange).toHaveBeenCalledTimes(1);
+      expect(testComponent.onIndexChange).toHaveBeenCalledWith(1);
+    }));
   });
 
   describe('navigation', () => {