fix angular test log errors for query management

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "7.2.46",
+  "version": "7.2.47-test-log-errors",
   "engines": {
     "node": ">=18.19.0"
   },

projects/ccd-case-ui-toolkit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "7.2.46",
+  "version": "7.2.47-test-log-errors",
   "engines": {
     "node": ">=18.19.0"
   },

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/close-query/close-query.component.spec.ts

@@ -2,13 +2,16 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CloseQueryComponent } from './close-query.component';
 import { MockRpxTranslatePipe } from '../../../../../../shared/test/mock-rpx-translate.pipe';
+import { CommonModule } from '@angular/common';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 
 describe('CloseQueryComponent', () => {
   let component: CloseQueryComponent;
   let fixture: ComponentFixture<CloseQueryComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      imports: [CommonModule, ReactiveFormsModule],
       declarations: [
         CloseQueryComponent,
         MockRpxTranslatePipe
@@ -18,6 +21,9 @@ describe('CloseQueryComponent', () => {
 
     fixture = TestBed.createComponent(CloseQueryComponent);
     component = fixture.componentInstance;
+    component.formGroup = new FormGroup({
+      closeQuery: new FormControl(false)
+    });
     fixture.detectChanges();
   });
 

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/qualifying-questions/qualifying-question-options/qualifying-question-options.component.spec.ts

@@ -1,6 +1,6 @@
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { FormControl, Validators } from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 import { ActivatedRoute, Router } from '@angular/router';
 import { of } from 'rxjs';
@@ -9,6 +9,7 @@ import { QualifyingQuestionsErrorMessage } from '../../../enums';
 import { QualifyingQuestionOptionsComponent } from './qualifying-question-options.component';
 import { QualifyingQuestionService } from '../../../services';
 import { QualifyingQuestion } from '../../../models';
+import { CommonModule } from '@angular/common';
 
 describe('QualifyingQuestionOptionsComponent', () => {
   let component: QualifyingQuestionOptionsComponent;
@@ -30,6 +31,7 @@ describe('QualifyingQuestionOptionsComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      imports: [CommonModule, FormsModule, ReactiveFormsModule],
       declarations: [
         QualifyingQuestionOptionsComponent,
         MockRpxTranslatePipe

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-case-details-header/query-case-details-header.component.spec.ts

@@ -16,6 +16,8 @@ import { text } from '../../../../../test/helpers';
 import { LabelFieldComponent } from '../../../../palette';
 import { RpxTranslatePipe, RpxTranslationConfig, RpxTranslationService } from 'rpx-xui-translation';
 import { HttpClient, HttpHandler } from '@angular/common/http';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 @Pipe({ name: 'ccdCaseReference' })
 class MockCaseReferencePipe implements PipeTransform {
   public transform(value: string, ...args: any[]) {
@@ -41,6 +43,7 @@ describe('QueryCaseDetailsHeaderComponent', () => {
   beforeEach(async () => {
     const snapshotActivatedRoute = { data: { case: { case_id: '123', title_display: 'TitleDisplay' } } };
     await TestBed.configureTestingModule({
+      imports: [CommonModule, FormsModule, ReactiveFormsModule],
       declarations: [QueryCaseDetailsHeaderComponent, MockCaseReferencePipe,
         CaseReferencePipe,
         LabelSubstitutorDirective,

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-event-completion/query-event-completion.component.spec.ts

@@ -1,14 +1,20 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { QueryEventCompletionComponent } from './query-event-completion.component';
+import { MockComponent } from 'ng2-mock-component';
+
+const queryEventCompletionComponentMock: any = MockComponent({
+  selector: 'ccd-case-event-completion',
+  inputs: ['eventCompletionParams']
+});
 
 describe('QueryEventCompletionComponent', () => {
   let component: QueryEventCompletionComponent;
   let fixture: ComponentFixture<QueryEventCompletionComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ QueryEventCompletionComponent ]
+      declarations: [ QueryEventCompletionComponent, queryEventCompletionComponentMock ]
     })
     .compileComponents();
   });

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-write/query-write-add-documents/query-write-add-documents.component.html

@@ -1,2 +1,2 @@
-<ccd-write-collection-field [formGroup]="documentFormGroup" [caseField]="mockDocumentCaseField">
+<ccd-write-collection-field [formGroup]="documentFormGroup" [caseFields]="mockDocumentCaseField">
 </ccd-write-collection-field>

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-write/query-write-add-documents/query-write-add-documents.component.spec.ts

@@ -2,14 +2,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormArray, FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { CaseField, Document, FormDocument } from '../../../../../../domain';
 import { QueryWriteAddDocumentsComponent } from './query-write-add-documents.component';
+import { MockComponent } from 'ng2-mock-component';
+
+const writeCollectionFieldComponentMock: any = MockComponent({
+  selector: 'ccd-write-collection-field',
+  inputs: ['caseFields']
+});
 
 describe('QueryWriteAddDocumentsComponent', () => {
   let component: QueryWriteAddDocumentsComponent;
   let fixture: ComponentFixture<QueryWriteAddDocumentsComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ QueryWriteAddDocumentsComponent ],
+      declarations: [ QueryWriteAddDocumentsComponent, writeCollectionFieldComponentMock ],
       imports: [ ReactiveFormsModule ]
     })
     .compileComponents();

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-write/query-write-date-input/query-write-date-input.component.spec.ts

@@ -1,7 +1,10 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { QueryWriteDateInputComponent } from './query-write-date-input.component';
+import { CommonModule } from '@angular/common';
+import { MockComponent } from 'ng2-mock-component';
+
 
 @Pipe({ name: 'rpxTranslate' })
 class RpxTranslateMockPipe implements PipeTransform {
@@ -10,14 +13,19 @@ class RpxTranslateMockPipe implements PipeTransform {
   }
 }
 
+const queryCaseDetailsHeaderComponentMock: any = MockComponent({
+  selector: 'ccd-query-case-details-header',
+  inputs: ['caseDetails']
+});
+
 describe('QueryWriteDateInputComponent', () => {
   let component: QueryWriteDateInputComponent;
   let fixture: ComponentFixture<QueryWriteDateInputComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [FormsModule],
-      declarations: [QueryWriteDateInputComponent, RpxTranslateMockPipe]
+      imports: [CommonModule, FormsModule, ReactiveFormsModule],
+      declarations: [QueryWriteDateInputComponent, RpxTranslateMockPipe, queryCaseDetailsHeaderComponentMock]
     }).compileComponents();
   });
 

projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/query-management/components/query-write/query-write-raise-query/query-write-raise-query.component.spec.ts

@@ -3,16 +3,20 @@ import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { QueryWriteRaiseQueryComponent } from './query-write-raise-query.component';
 import { ActivatedRoute } from '@angular/router';
 import { QueryManagementService } from '../../../services';
-import { of } from 'rxjs';
 import { Pipe, PipeTransform } from '@angular/core';
 import { QueryCreateContext } from '../../../models';
+import { MockComponent } from 'ng2-mock-component';
 
 @Pipe({ name: 'rpxTranslate' })
 class MockRpxTranslatePipe implements PipeTransform {
   public transform(value: string): string {
     return value;
   }
 }
+const queryCaseDetailsHeaderComponentMock: any = MockComponent({
+  selector: 'ccd-query-case-details-header',
+  inputs: ['caseDetails']
+});
 
 describe('QueryWriteRaiseQueryComponent', () => {
   let component: QueryWriteRaiseQueryComponent;
@@ -35,7 +39,7 @@ describe('QueryWriteRaiseQueryComponent', () => {
     ]);
 
     await TestBed.configureTestingModule({
-      declarations: [QueryWriteRaiseQueryComponent, MockRpxTranslatePipe],
+      declarations: [QueryWriteRaiseQueryComponent, MockRpxTranslatePipe, queryCaseDetailsHeaderComponentMock],
       providers: [
         { provide: ActivatedRoute, useValue: routeStub },
         { provide: QueryManagementService, useValue: queryManagementServiceSpy }