ng-ytl-zorro-antd/src/components/input-number/nz-input-number.component.spec.ts

An enterprise-class UI components based on Ant Design and Angular

/* tslint:disable:no-unused-variable */
import { Component } from '@angular/core';
import { async, fakeAsync, tick, TestBed } from '@angular/core/testing';
import { FormsModule } from '@angular/forms';
import { By } from '@angular/platform-browser';
import { NzInputNumberComponent } from './nz-input-number.component';
import { NzInputNumberModule } from './nz-input-number.module';

describe('NzInputNumber', () => {
  let testComponent;
  let fixture;
  let debugElement;
  describe('input number test int', () => {
    beforeEach(async(() => {
      TestBed.configureTestingModule({
        imports     : [ NzInputNumberModule, FormsModule ],
        declarations: [ NzInputNumberComponentIntSpecComponent ],
        providers   : []
      }).compileComponents();
    }));

    beforeEach(() => {
      fixture = TestBed.createComponent(NzInputNumberComponentIntSpecComponent);
      testComponent = fixture.debugElement.componentInstance;
      debugElement = fixture.debugElement.query(By.directive(NzInputNumberComponent));
    });
    it('should disabled up and down work', fakeAsync(() => {
      fixture.detectChanges();
      const handlerDownElement = debugElement.nativeElement.querySelector('.ant-input-number-handler-down');
      expect(handlerDownElement.classList.contains('ant-input-number-handler-down-disabled')).toBe(true);
      handlerDownElement.click();
      fixture.detectChanges();
      expect(testComponent.initValue).toBe(1);
      testComponent.initValue = 9;
      fixture.detectChanges();
      tick();
      const handlerUpElement = debugElement.nativeElement.querySelector('.ant-input-number-handler-up');
      handlerUpElement.click();
      fixture.detectChanges();
      expect(handlerUpElement.classList.contains('ant-input-number-handler-up-disabled')).toBe(true);
      expect(testComponent.initValue).toBe(10);
    }));
    it('should disable style work', () => {
      testComponent.isDisabled = true;
      fixture.detectChanges();
      expect(debugElement.nativeElement.classList.contains('ant-input-number-disabled')).toBe(true);
    });
    it('should size style work', fakeAsync(() => {
      testComponent.size = 'large';
      tick();
      fixture.detectChanges();
      expect(debugElement.nativeElement.classList.contains('ant-input-number-lg')).toBe(true);
      testComponent.size = 'small';
      tick();
      fixture.detectChanges();
      expect(debugElement.nativeElement.classList.contains('ant-input-number-sm')).toBe(true);
    }));
  });
  describe('input number test digit', () => {
    beforeEach(async(() => {
      TestBed.configureTestingModule({
        imports     : [ NzInputNumberModule, FormsModule ],
        declarations: [ NzInputNumberComponentDigitSpecComponent ],
        providers   : []
      }).compileComponents();
    }));

    beforeEach(() => {
      fixture = TestBed.createComponent(NzInputNumberComponentDigitSpecComponent);
      testComponent = fixture.debugElement.componentInstance;
      debugElement = fixture.debugElement.query(By.directive(NzInputNumberComponent));
    });
    it('should disabled up and down work', fakeAsync(() => {
      fixture.detectChanges();
      const handlerDownElement = debugElement.nativeElement.querySelector('.ant-input-number-handler-down');
      expect(handlerDownElement.classList.contains('ant-input-number-handler-down-disabled')).toBe(true);
      handlerDownElement.click();
      fixture.detectChanges();
      expect(testComponent.initValue).toBe(1);
      testComponent.initValue = 9.9;
      fixture.detectChanges();
      tick();
      const handlerUpElement = debugElement.nativeElement.querySelector('.ant-input-number-handler-up');
      handlerUpElement.click();
      fixture.detectChanges();
      expect(handlerUpElement.classList.contains('ant-input-number-handler-up-disabled')).toBe(true);
      expect(testComponent.initValue).toBe(10);
    }));
  });

});

/** Test component that contains an InputNumber. */

@Component({
  selector: 'nz-input-number-component-int-spec',
  template: `
    <nz-input-number [nzSize]="size" [(ngModel)]="initValue" [nzMin]="1" [nzMax]="10" [nzStep]="1" [nzDisabled]="isDisabled"></nz-input-number>
  `
})
export class NzInputNumberComponentIntSpecComponent {
  isDisabled = false;
  initValue = 1;
  size = 'default';
}

@Component({
  selector: 'nz-input-number-component-digit-spec',
  template: `
    <nz-input-number [(ngModel)]="initValue" [nzMin]="1" [nzMax]="10" [nzStep]="0.1"></nz-input-number>
  `
})
export class NzInputNumberComponentDigitSpecComponent {
  initValue = 1;
}