fix(#909): added tests

projects/ngx-mask-lib/src/test/delete.cy-spec.ts

@@ -1,8 +1,27 @@
 import { mount } from '@jscutlery/cypress-angular/mount';
 import { CypressTestMaskComponent } from './utils/cypress-test-component.component';
+import { CypressTestMaskShadowDomComponent } from './utils/cypress-test-shadow-dom.component';
 import { CypressTestMaskModule } from './utils/cypress-test.module';
 
 describe('Directive: Mask (Delete)', () => {
+	it('cursor should correct delete with ViewEncapsulation.ShadowDom showMaskTyped=true', () => {
+		mount(CypressTestMaskShadowDomComponent, {
+			inputs: {
+				showMaskTyped: true,
+				mask: '(000) 000-0000',
+			},
+			imports: [CypressTestMaskModule],
+		});
+
+		cy.get('input#masked')
+			.type('1231231234')
+			.focus()
+			.setSelectionRange(9, 1)
+			.type('{backspace}')
+			.type('{backspace}')
+			.should('have.value', '12312312');
+	});
+
 	it('should delete character in input', () => {
 		mount(CypressTestMaskComponent, {
 			inputs: {

projects/ngx-mask-lib/src/test/utils/cypress-test-shadow-dom.component.ts

@@ -0,0 +1,25 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+@Component({
+	encapsulation: ViewEncapsulation.ShadowDom,
+	selector: 'mask-cypress-test-mask',
+	template: `
+		<input
+			id="masked"
+			[formControl]="form"
+			[mask]="mask"
+			[hiddenInput]="hiddenInput"
+			[prefix]="prefix"
+		/>
+	`,
+})
+export class CypressTestMaskShadowDomComponent {
+	@Input() public mask!: string | null;
+
+	@Input() public hiddenInput: boolean = false;
+
+	@Input() public prefix: string = '';
+
+	public form: FormControl = new FormControl('');
+}

projects/ngx-mask-lib/src/test/utils/cypress-test.module.ts

@@ -4,10 +4,19 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgxMaskModule } from 'ngx-mask';
 import { CypressTestTriggerOnMaskChangeComponent } from './cypress-test-trigger-on-mask-change.component';
 import { CypressTestMaskComponent } from './cypress-test-component.component';
+import { CypressTestMaskShadowDomComponent } from './cypress-test-shadow-dom.component';
 
 @NgModule({
 	imports: [CommonModule, ReactiveFormsModule, FormsModule, NgxMaskModule.forRoot()],
-	declarations: [CypressTestMaskComponent, CypressTestTriggerOnMaskChangeComponent],
-	exports: [CypressTestMaskComponent, CypressTestTriggerOnMaskChangeComponent],
+	declarations: [
+		CypressTestMaskShadowDomComponent,
+		CypressTestMaskComponent,
+		CypressTestTriggerOnMaskChangeComponent,
+	],
+	exports: [
+		CypressTestMaskShadowDomComponent,
+		CypressTestMaskComponent,
+		CypressTestTriggerOnMaskChangeComponent,
+	],
 })
 export class CypressTestMaskModule {}