vijay06/projects/ngx-mask-lib/src/test/time-mask.spec.ts

awesome ngx mask

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule } from '@angular/forms';

import { NgxMaskModule } from '../lib/ngx-mask.module';
import { TestMaskComponent } from './utils/test-component.component';
import { equal } from './utils/test-functions.component';

describe('Directive: Mask (Time)', () => {
	let fixture: ComponentFixture<TestMaskComponent>;
	let component: TestMaskComponent;

	beforeEach(() => {
		TestBed.configureTestingModule({
			declarations: [TestMaskComponent],
			imports: [ReactiveFormsModule, NgxMaskModule.forRoot()],
		});
		fixture = TestBed.createComponent(TestMaskComponent);
		component = fixture.componentInstance;
		fixture.detectChanges();
	});

	it('empty', () => {
		component.mask = 'Hh:m0:s0';
		equal('', '', fixture);
	});

	it('Hours', () => {
		component.mask = 'Hh:m0:s0';
		equal('20', '20', fixture);
	});

	it('Hours', () => {
		component.mask = 'Hh:m0:s0';
		equal('03', '03', fixture);
	});

	it('Hours', () => {
		component.mask = 'Hh:m0:s0';
		equal('730', '7:30', fixture);
	});

	it('Hours', () => {
		component.showMaskTyped = true;
		component.mask = 'Hh:m0';
		equal('3__:__', '3_:__', fixture);
		equal('33:__', '3:3_', fixture);
		equal('33__:__', '3:3_', fixture);
	});

	it('Hours (lead zero)', () => {
		component.showMaskTyped = true;
		component.leadZeroDateTime = true;
		component.mask = 'Hh:m0';
		equal('3__:__', '03:__', fixture);
	});

	it('Minutes', () => {
		component.mask = 'Hh:m0:s0';
		equal('1212', '12:12', fixture);
	});

	it('Minutes', () => {
		component.mask = 'Hh:m0:s0';
		equal('1207', '12:07', fixture);
	});

	it('Minutes', () => {
		component.mask = 'Hh:m0:s0';
		equal('127', '12:7', fixture);
	});

	it('Minutes (lead zero)', () => {
		component.leadZeroDateTime = true;
		component.mask = 'Hh:m0:s0';
		equal('127', '12:07', fixture);
	});

	it('Hours and minutes', () => {
		component.mask = 'Hh:m0:s0';
		equal('7712', '7:7:12', fixture);
	});

	it('Seconds (lead zero)', () => {
		component.leadZeroDateTime = true;
		component.mask = 'Hh:m0:s0';
		equal('777', '07:07:07', fixture);
	});

	it('Date', () => {
		component.mask = 'd0/M0/0000';
		equal('321234', '3/2/1234', fixture);
	});

	it('Date', () => {
		component.mask = 'd0/M0/0000';
		equal('3113123', '31/1/3123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('413234', '4/1/3234', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('01011234', '01/01/1234', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('10101234', '10/10/1234', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('2322123', '23/2/2123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('23122123', '23/12/2123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('0314123', '03/1/4123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('0314123', '03/1/4123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('414123', '4/1/4123', fixture);
	});

	it('Date ', () => {
		component.mask = 'd0/M0/0000';
		equal('4121234', '4/12/1234', fixture);
	});

	it('Date (day lead zero)', () => {
		component.leadZeroDateTime = true;
		component.mask = 'd0/M0/0000';
		equal('4121234', '04/12/1234', fixture);
	});

	it('Date (month lead zero)', () => {
		component.leadZeroDateTime = true;
		component.mask = 'd0/M0/0000';
		equal('421234', '04/02/1234', fixture);
	});
});