can you create test.spec from this code import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop'; import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, Component, inject, Injector, input, OnInit, runInInjectionContext, } from '@angular/core'; import { NonNullableFormBuilder, ReactiveFormsModule, Validators } from '@angular/forms'; import { TranslatePipe } from '@ngx-translate/core'; import { NzButtonModule } from 'ng-zorro-antd/button'; import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; import { NzCollapseModule } from 'ng-zorro-antd/collapse'; import { NzFormModule } from 'ng-zorro-antd/form'; import { NzIconModule } from 'ng-zorro-antd/icon'; import { NzInputModule } from 'ng-zorro-antd/input'; import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm'; import { NzSelectModule } from 'ng-zorro-antd/select'; import { NzTableModule } from 'ng-zorro-antd/table'; import { Observable, Subject } from 'rxjs'; import { FormGroupBy } from '../../../../../shared/models/types'; import { createFormArray, FormArrayMove, registerSubForm } from '../../../../../shared/utils/form-helper'; import { ColumnDetailInfo, ComponentTypeInfo, CreateCriteriaContract, TableDetailInfo, } from '../../../models/page-information.model'; import { PageInformationService } from '../../../services/page-information.service'; import { CreateInquiryScreenStore } from '../../../stores/create-inquiry-screen.store'; @Component({ selector: 'ez-create-inquiry-screen', imports: [ CommonModule, NzCollapseModule, NzTableModule, ReactiveFormsModule, NzFormModule, NzInputModule, CdkDropList, CdkDrag, NzButtonModule, NzSelectModule, NzCheckboxModule, NzPopconfirmModule, NzIconModule, NzInputNumberModule, TranslatePipe, ], providers: [CreateInquiryScreenStore, PageInformationService], templateUrl: './create-inquiry-screen.component.html', styleUrl: './create-inquiry-screen.component.scss', changeDetection: ChangeDetectionStrategy.OnPush, }) export class CreateInquiryScreenComponent implements OnInit { store = inject(CreateInquiryScreenStore); componentTypes = input.required(); tableDatas = input.required(); controlKeyCriteria = input.required(); criteriaDataSource = input.required(); disabled = input.required(); protected newRowCriteria$ = new Subject(); protected deleteRowCriteria$ = new Subject(); protected moveRow$: Subject = new Subject(); sourceCode = this.store.sourceCode; errorService = this.store.error; #formBuilder = inject(NonNullableFormBuilder); protected criteriaDataForm = this.#formBuilder.array>([]); protected criteriaFormItems = createFormArray( this.criteriaDataForm, this.criteriaDataSource, this.newRowCriteria$, this.moveRow$, this.deleteRowCriteria$, this.#createCriteriaFrom.bind(this) ); #injector = inject(Injector); ngOnInit() { runInInjectionContext(this.#injector, () => registerSubForm({ key: this.controlKeyCriteria(), form: this.criteriaDataForm, disable$: new Observable(), }) ); } #createCriteriaFrom(info: CreateCriteriaContract) { const form = this.#formBuilder.group({ id: [info.id], label: [info.label, Validators.required], tableName: [info.tableName, Validators.required], selectColumn: [info.selectColumn, Validators.required], columnName: [info.columnName, Validators.required], componentType: [info.componentType, Validators.required], columns: [info.columns as ColumnDetailInfo[], Validators.required], columnId: [info.columnId], }); form.controls.tableName.valueChanges.subscribe(tableId => { form.patchValue({ columnId: null, columnName: null, selectColumn: null, columns: tableId ? this.tableDatas().find(table => table.id == tableId)!.columns : [], }); }); form.controls.selectColumn.valueChanges.subscribe(selectColumn => { form.patchValue({ columnId: selectColumn?.id, columnName: selectColumn?.name, }); }); return form; } protected dropCriteria(event: CdkDragDrop): void { this.moveRow$.next({ from: event.previousIndex, to: event.currentIndex }); } }