vijay06/projects/ngx-mask-lib/src/test/show-mask-typed.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', () => {
	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('should clear if not match the mask!!!!', () => {
		component.mask = '(000) 000-0000';
		component.showMaskTyped = true;
		equal('', '(___) ___-____', fixture);
		equal('2345678', '(234) 567-8___', fixture);

		component.prefix = '+7';
		component.showMaskTyped = true;
		equal('', '+7(___) ___-____', fixture);
		equal('2345678', '+7(234) 567-8___', fixture);
	});

	it('should clear if not match the mask!!!!', () => {
		component.mask = 'A{5}-A{2}';
		component.showMaskTyped = true;
		equal('', '_____-__', fixture);
		equal('aaa', 'aaa__-__', fixture);
		equal('aaaaaaa', 'aaaaa-aa', fixture);
	});

	// TODO(inepipenko) for issue #880
	xit('should work right with security input', () => {
		component.mask = '000-0X-XXXX';
		component.showMaskTyped = true;
		equal('', '___-__-____', fixture);
		equal('123', '123-__-____', fixture);
		equal('12345', '123-4*-____', fixture);
		equal('123456', '123-4*-*___', fixture);
		equal('1234567', '123-4*-**__', fixture);
		equal('12345678', '123-4*-***_', fixture);
		equal('12345679', '123-4*-****', fixture);
		equal('123456791', '123-4*-****', fixture);
	});
});