fix(angular): Jest throws `Class constructor DefaultValueAccessor can…

…not be invoked without 'new'` (#232)
taiga-family · Mar 31, 2023 · 5089612 · 5089612
1 parent 4c1033f
commit 5089612
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -16,7 +16,7 @@ jobs:
         uses: ./.github/actions/nodejs
 
       - name: Run tests
-        run: npx nx run-many --target test --all
+        run: npx nx run-many --target test --all --coverage
 
       - uses: codecov/codecov-action@v2
         with:

diff --git a/projects/angular/src/lib/maskito.cva.ts b/projects/angular/src/lib/maskito.cva.ts
@@ -5,24 +5,29 @@ import {MASKITO_DEFAULT_OPTIONS, MaskitoOptions, maskitoTransform} from '@maskit
 @Directive({
     selector: 'input[maskito], textarea[maskito]',
     providers: [
+        DefaultValueAccessor,
         {
             provide: NG_VALUE_ACCESSOR,
             multi: true,
-            useExisting: MaskitoCva,
+            useExisting: DefaultValueAccessor,
         },
     ],
     host: {
-        '(input)': '$any(this)._handleInput($event.target.value)',
-        '(blur)': 'onTouched()',
-        '(compositionstart)': '$any(this)._compositionStart()',
-        '(compositionend)': '$any(this)._compositionEnd($event.target.value)',
+        '(input)': '$any(this.accessor)._handleInput($event.target.value)',
+        '(blur)': 'accessor.onTouched()',
+        '(compositionstart)': '$any(this.accessor)._compositionStart()',
+        '(compositionend)': '$any(this.accessor)._compositionEnd($event.target.value)',
     },
 })
-export class MaskitoCva extends DefaultValueAccessor {
+export class MaskitoCva {
     @Input()
     maskito: MaskitoOptions = MASKITO_DEFAULT_OPTIONS;
 
-    override writeValue(value: unknown): void {
-        super.writeValue(maskitoTransform(String(value ?? ''), this.maskito));
+    constructor(readonly accessor: DefaultValueAccessor) {
+        const original = accessor.writeValue.bind(accessor);
+
+        accessor.writeValue = (value: unknown) => {
+            original(maskitoTransform(String(value ?? ''), this.maskito));
+        };
     }
 }