ngx-cva-test-suite

import { runValueAccessorTests } from 'ngx-cva-test-suite'; import { Component, Input, Output, EventEmitter, forwardRef } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR, NG_VALIDATORS, Validator, AbstractControl, ValidationErrors } from '@angular/forms'; @Component({ selector: 'app-combobox', template: `<input class="combobox-input" [value]="value" (input)="onInput($event)" (blur)="onBlur()">`, providers: [ { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxComponent), multi: true }, { provide: NG_VALIDATORS, useExisting: forwardRef(() => ComboboxComponent), multi: true } ] }) export class ComboboxComponent implements ControlValueAccessor, Validator { value: string = ''; onChange: any = () => {}; onTouched: any = () => {}; @Input() options: string[] = []; @Output() valueChange = new EventEmitter<string>(); writeValue(value: any): void { this.value = value || ''; } registerOnChange(fn: any): void { this.onChange = fn; } registerOnTouched(fn: any): void { this.onTouched = fn; } setDisabledState(isDisabled: boolean): void { // Implement logic to disable/enable the input } onInput(event: Event): void { const newValue = (event.target as HTMLInputElement).value; this.value = newValue; this.onChange(newValue); this.valueChange.emit(newValue); } onBlur(): void { this.onTouched(); } setValue(value: string, emitEvent: boolean = false): void { this.value = value; if (emitEvent) { this.onChange(value); this.valueChange.emit(value); } } validate(control: AbstractControl): ValidationErrors | null { return null; // Example validation } } // In your test file (e.g., combobox.component.spec.ts) runValueAccessorTests({ component: ComboboxComponent, testModuleMetadata: { declarations: [ComboboxComponent], }, supportsOnBlur: true, nativeControlSelector: 'input.combobox-input', internalValueChangeSetter: (fixture, value) => { fixture.componentInstance.setValue(value, true); }, getComponentValue: (fixture) => fixture.componentInstance.value, // Optional: Add a custom name for the test suite in the console output name: 'ComboboxComponent CVA Tests' });