feat(ref:no-ref): ng21 v2

Author: igor.nepipenko

package.json

@@ -40,7 +40,7 @@
         "release:patch": "bun run version:patch && bun run build:lib && bun run pack:lib && bun run publish:lib",
         "start": "ng serve",
         "start-prod": "angular-http-server --path dist/ngx-mask --p 3000 --silent",
-        "test": "ng test",
+        "test": "ng test --watch=false",
         "cypress:open": "cypress open",
         "cypress:bash": "npx cypress run --component",
         "test:all": "bun run test:app && bun run test:lib",

projects/ngx-mask-lib/src/test/add-prefix.spec.ts

@@ -4,6 +4,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal, Paste } from './utils/test-functions.component';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { expect } from 'vitest';
 
 describe('Directive: Mask (Add prefix)', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/allow-negative-numbers.spec.ts

@@ -5,6 +5,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { expect } from 'vitest';
 
 describe('Directive: Mask (Allow negative numbers)', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/basic-logic.spec.ts

@@ -7,6 +7,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal, Paste, pasteTest } from './utils/test-functions.component';
 import { provideNgxMask, NgxMaskDirective } from 'ngx-mask';
+import { vi, expect } from 'vitest';
 
 describe('Directive: Mask', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/complete-mask.spec.ts

@@ -4,6 +4,7 @@ import type { ComponentFixture } from '@angular/core/testing';
 import { TestBed } from '@angular/core/testing';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { vi, expect } from 'vitest';
 
 @Component({
     selector: 'jsdaddy-open-source-test',

projects/ngx-mask-lib/src/test/copy-paste.spec.ts

@@ -5,6 +5,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { By } from '@angular/platform-browser';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { expect } from 'vitest';
 
 describe('Event: paste', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/custom-date.spec.ts

@@ -4,6 +4,7 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { TestMaskComponent } from './utils/test-component.component';
 import { equal } from './utils/test-functions.component';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
+import { expect } from 'vitest';
 
 describe('Directive: Mask (Custom date)', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/custom-patterns.spec.ts

@@ -7,6 +7,7 @@ import { equal } from './utils/test-functions.component';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import type { NgxMaskConfig } from 'ngx-mask';
 import { initialConfig } from 'ngx-mask';
+import { expect } from 'vitest';
 
 describe('Directive: Mask (Custom patterns)', () => {
     let fixture: ComponentFixture<TestMaskComponent>;

projects/ngx-mask-lib/src/test/default-config.spec.ts

@@ -5,6 +5,7 @@ import { TestMaskComponent } from './utils/test-component.component';
 import { provideEnvironmentNgxMask, NgxMaskDirective } from 'ngx-mask';
 import type { NgxMaskOptions } from 'ngx-mask';
 import { By } from '@angular/platform-browser';
+import { expect } from 'vitest';
 
 function createComponentWithDefaultConfig(
     defaultConfig?: NgxMaskOptions

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

@@ -1,5 +1,4 @@
 import { CypressTestMaskComponent } from './utils/cypress-test-component.component';
-import { FormControl } from '@angular/forms';
 import { signal } from '@angular/core';
 
 describe('Directive: Mask (Delete)', () => {
@@ -170,7 +169,6 @@ describe('Directive: Mask (Delete)', () => {
         ];
         cy.mount(CypressTestMaskComponent, {
             componentProperties: {
-                form: new FormControl('12345678'),
                 mask: signal('00D : 00H : 00M : 00S'),
                 shownMaskExpression: signal('00D : 00H : 00M : 00S'),
                 showMaskTyped: signal(true),
@@ -182,6 +180,8 @@ describe('Directive: Mask (Delete)', () => {
             },
         });
         cy.get('#masked')
+            .type('12345678')
+            .should('have.value', '12D : 34H : 56M : 78S')
             .type('{rightArrow}'.repeat(1))
             .type('{leftArrow}'.repeat(3))
             .type('{backspace}')