From d0f64d6e14527ad70e363aa29d459ba6bfaf50ec Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Mon, 15 Nov 2021 08:29:13 +0100
Subject: [PATCH] Fixed tests

---
 .../employee-invite.component.html            |  1 +
 .../employee-invite.component.spec.ts         |  1 -
 ...ng-view-description-list.component.spec.ts | 16 ++++++---
 ...isning-form-step0-education.component.html |  4 +++
 ...ing-form-step0-education.component.spec.ts | 10 ++++--
 ...edovisning-form-step0-other.component.html |  1 +
 ...visning-form-step0-other.component.spec.ts | 10 ++++--
 ...form-step0-still-unemployed.component.html |  2 ++
 ...m-step0-still-unemployed.component.spec.ts | 10 ++++--
 ...redovisning-form-step0-work.component.html |  6 ++++
 ...ovisning-form-step0-work.component.spec.ts |  8 +++++
 .../slutredovisning-form-step0.component.html |  1 +
 ...utredovisning-form-step0.component.spec.ts | 11 ++++--
 ...utredovisning-form-step1.component.spec.ts |  9 ++++-
 .../slutredovisning-form-step2.component.html |  3 ++
 ...utredovisning-form-step2.component.spec.ts | 10 ++++--
 ...utredovisning-form-step3.component.spec.ts | 12 ++++---
 .../app/pages/start/start.component.spec.ts   |  2 ++
 .../src/app/shared/guards/auth.guard.ts       |  2 +-
 .../services/api/authentication.service.ts    |  2 +-
 libs/styles/src/test-setup.ts                 |  1 +
 .../src/checkbox/checkbox.component.spec.ts   | 34 +++++++++++--------
 libs/ui/src/input/input.component.spec.ts     | 34 +++++++++++--------
 .../link-button/link-button.component.spec.ts |  1 -
 libs/ui/src/loader/loader.component.spec.ts   |  1 -
 .../radiobutton-group.component.spec.ts       |  1 -
 libs/ui/src/select/select.component.spec.ts   |  1 -
 openshift/sys/Jenkinsfile                     | 32 ++++++++---------
 28 files changed, 154 insertions(+), 72 deletions(-)
 create mode 100644 libs/styles/src/test-setup.ts

diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
index b2d6bc3..50f1b18 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
@@ -33,6 +33,7 @@
           [uiRequired]="true"
           [uiInvalid]="emailsControl.invalid && emailsControl.dirty"
           [uiValidationMessage]="emailsControl.errors?.required || emailsControl.errors?.invalid || 'Ogiltig e-postadress'"
+          ngDefaultControl
         ></ui-textarea>
 
         <digi-notification-alert
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.spec.ts
index 4f0d58e..22bdab3 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.spec.ts
@@ -4,7 +4,6 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
-
 import { EmployeeInviteComponent } from './employee-invite.component';
 
 describe('EmployeeInviteComponent', () => {
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/components/slutredovisning-view-description-list/slutredovisning-view-description-list.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/components/slutredovisning-view-description-list/slutredovisning-view-description-list.component.spec.ts
index 09e5479..4b66b46 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/components/slutredovisning-view-description-list/slutredovisning-view-description-list.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/components/slutredovisning-view-description-list/slutredovisning-view-description-list.component.spec.ts
@@ -1,5 +1,5 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
 import { SlutredovisningViewDescriptionListComponent } from './slutredovisning-view-description-list.component';
 
 describe('SlutredovisningViewDescriptionListComponent', () => {
@@ -8,14 +8,22 @@ describe('SlutredovisningViewDescriptionListComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ SlutredovisningViewDescriptionListComponent ]
-    })
-    .compileComponents();
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      declarations: [SlutredovisningViewDescriptionListComponent],
+    }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningViewDescriptionListComponent);
     component = fixture.componentInstance;
+    component.slutredovisning = {
+      genomforandereferens: 123,
+      mainOccupation: null,
+      activities: [],
+      progressDescription: '',
+      nextStepDescription: '',
+      otherInformation: '',
+    };
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.html
index 163c720..38785d4 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.html
@@ -9,6 +9,7 @@
         [uiAnnounceIfOptional]="true"
         [uiInvalid]="formControlIsInvalid(educationLevelFormControl)"
         [uiValidationMessage]="educationLevelFormControl.errors?.required"
+        ngDefaultControl
       ></ui-radiobutton-group>
     </digi-form-fieldset>
 
@@ -20,6 +21,7 @@
       [uiAnnounceIfOptional]="false"
       [uiMaxLength]="200"
       [uiInvalid]="(otherExplanationFormControl?.touched || this.shouldValidate) && formGroup.errors?.needDescriptionOfOther"
+      ngDefaultControl
     ></ui-textarea>
   </div>
 
@@ -32,6 +34,7 @@
       [uiAnnounceIfOptional]="true"
       [uiInvalid]="formControlIsInvalid(educationLengthFormControl)"
       [uiValidationMessage]="educationLengthFormControl.errors?.required"
+      ngDefaultControl
     ></ui-radiobutton-group>
   </digi-form-fieldset>
 
@@ -42,5 +45,6 @@
     [uiAnnounceIfOptional]="false"
     [uiMaxLength]="200"
     [uiInvalid]="(educationSpecificationFormControl?.touched || this.shouldValidate) && educationSpecificationFormControl.errors?.required"
+    ngDefaultControl
   ></ui-textarea>
 </div>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.spec.ts
index 8757fb5..be9ee73 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-education/slutredovisning-form-step0-education.component.spec.ts
@@ -1,20 +1,26 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../../slutredovisning-form.service';
 import { SlutredovisningFormStep0EducationComponent } from './slutredovisning-form-step0-education.component';
 
-describe('SlutredovisningFormStep1Component', () => {
+describe('SlutredovisningFormStep0EducationComponent', () => {
   let component: SlutredovisningFormStep0EducationComponent;
   let fixture: ComponentFixture<SlutredovisningFormStep0EducationComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep0EducationComponent],
+      imports: [ReactiveFormsModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep0EducationComponent);
     component = fixture.componentInstance;
+    component.formGroupRef = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.html
index 3c38d28..5af1565 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.html
@@ -8,6 +8,7 @@
       [uiMaxLength]="200"
       [uiRequired]="true"
       [uiInvalid]="(otherExplanationFormControl?.touched || this.shouldValidate) && otherExplanationFormControl.errors?.required"
+      ngDefaultControl
     ></ui-textarea>
   </div>
 </div>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.spec.ts
index 35c5f99..e8cc477 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-other/slutredovisning-form-step0-other.component.spec.ts
@@ -1,20 +1,26 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../../slutredovisning-form.service';
 import { SlutredovisningFormStep0OtherComponent } from './slutredovisning-form-step0-other.component';
 
-describe('SlutredovisningFormStep1Component', () => {
+describe('SlutredovisningFormStep0OtherComponent', () => {
   let component: SlutredovisningFormStep0OtherComponent;
   let fixture: ComponentFixture<SlutredovisningFormStep0OtherComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep0OtherComponent],
+      imports: [ReactiveFormsModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep0OtherComponent);
     component = fixture.componentInstance;
+    component.formGroupRef = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.html
index a638c8f..67f0f4b 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.html
@@ -12,6 +12,7 @@
           [formControl]="stillUnemployedReasonFormControl.get(stillUnemployedReasonOption.formControlName)"
           [uiLabel]="stillUnemployedReasonOption.label"
           [uiInvalid]="(stillUnemployedReasonFormControl?.touched || this.shouldValidate) && formGroup?.errors?.atLeastOneSelected"
+          ngDefaultControl
         ></ui-checkbox>
       </digi-form-fieldset>
       <div aria-atomic="true" role="alert">
@@ -31,6 +32,7 @@
       [uiAnnounceIfOptional]="false"
       [uiMaxLength]="200"
       [uiInvalid]="(stillUnemployedReasonDescriptionFormControl?.touched || this.shouldValidate) && formGroup.errors?.needDescriptionOfOther"
+      ngDefaultControl
     ></ui-textarea>
   </div>
 </div>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.spec.ts
index d441d1d..3d01b4e 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-still-unemployed/slutredovisning-form-step0-still-unemployed.component.spec.ts
@@ -1,20 +1,26 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../../slutredovisning-form.service';
 import { SlutredovisningFormStep0StillUnemployedComponent } from './slutredovisning-form-step0-still-unemployed.component';
 
-describe('SlutredovisningFormStep1Component', () => {
+describe('SlutredovisningFormStep0StillUnemployedComponent', () => {
   let component: SlutredovisningFormStep0StillUnemployedComponent;
   let fixture: ComponentFixture<SlutredovisningFormStep0StillUnemployedComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep0StillUnemployedComponent],
+      imports: [ReactiveFormsModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep0StillUnemployedComponent);
     component = fixture.componentInstance;
+    component.formGroupRef = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.html
index 0324e85..317ddb4 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.html
@@ -39,6 +39,7 @@
         [uiAnnounceIfOptional]="true"
         [uiInvalid]="formControlIsInvalid('yrkesomrade', index)"
         [uiValidationMessage]="formControlError('yrkesomrade', index)"
+        ngDefaultControl
       ></ui-select>
       <ui-select
         *ngIf="getYrkesgruppSelectOptions$(index) | async as yrkesgruppSelectOptions"
@@ -51,6 +52,7 @@
         [uiAnnounceIfOptional]="true"
         [uiInvalid]="formControlIsInvalid('yrkesgrupp', index)"
         [uiValidationMessage]="formControlError('yrkesgrupp', index)"
+        ngDefaultControl
       ></ui-select>
 
       <digi-form-fieldset af-legend="Anställningsform">
@@ -63,6 +65,7 @@
           [uiAnnounceIfOptional]="true"
           [uiInvalid]="formControlIsInvalid('anstallningsform', index)"
           [uiValidationMessage]="formControlError('anstallningsform', index)"
+          ngDefaultControl
         ></ui-radiobutton-group>
       </digi-form-fieldset>
 
@@ -76,6 +79,7 @@
         [uiMaxLength]="200"
         [uiInvalid]="formControlIsInvalid('annatAnstallningComment', index)"
         [uiValidationMessage]="formControlError('annatAnstallningComment', index)"
+        ngDefaultControl
       ></ui-textarea>
 
       <digi-form-fieldset af-legend="Omfattning">
@@ -90,6 +94,7 @@
             [uiAnnounceIfOptional]="true"
             [uiInvalid]="formControlIsInvalid('omfattning', index)"
             [uiValidationMessage]="formControlError('omfattning', index)"
+            ngDefaultControl
           ></ui-radiobutton-group>
           <ui-input
             *ngIf="formArray.controls[index].get('omfattning').value === Omfattning.Deltid"
@@ -103,6 +108,7 @@
             [uiAnnounceIfOptional]="true"
             [uiInvalid]="formControlIsInvalid('omfattningPercent', index)"
             [uiValidationMessage]="formControlError('omfattningPercent', index)"
+            ngDefaultControl
           ></ui-input>
         </div>
       </digi-form-fieldset>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.spec.ts
index 7bf5f87..77979cc 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0-work/slutredovisning-form-step0-work.component.spec.ts
@@ -1,4 +1,8 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../../slutredovisning-form.service';
 import { SlutredovisningFormStep0WorkComponent } from './slutredovisning-form-step0-work.component';
 
 describe('SlutredovisningFormStep0WorkComponent', () => {
@@ -7,13 +11,17 @@ describe('SlutredovisningFormStep0WorkComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep0WorkComponent],
+      imports: [ReactiveFormsModule, HttpClientTestingModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep0WorkComponent);
     component = fixture.componentInstance;
+    component.formGroupRef = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.html
index 4ccc9b5..25837e0 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.html
@@ -20,6 +20,7 @@
         [uiAnnounceIfOptional]="true"
         [uiInvalid]="formControlIsInvalid(mainOccupationFormControl)"
         [uiValidationMessage]="mainOccupationFormControl.errors?.required"
+        ngDefaultControl
       ></ui-radiobutton-group>
     </digi-form-fieldset>
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.spec.ts
index 6812eda..a4d6731 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step0/slutredovisning-form-step0.component.spec.ts
@@ -1,20 +1,27 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../slutredovisning-form.service';
 import { SlutredovisningFormStep0Component } from './slutredovisning-form-step0.component';
 
-describe('SlutredovisningFormStep1Component', () => {
+describe('SlutredovisningFormStep0Component', () => {
   let component: SlutredovisningFormStep0Component;
   let fixture: ComponentFixture<SlutredovisningFormStep0Component>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep0Component],
+      imports: [ReactiveFormsModule, HttpClientTestingModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep0Component);
     component = fixture.componentInstance;
+    component.formGroup = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step1/slutredovisning-form-step1.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step1/slutredovisning-form-step1.component.spec.ts
index 18d3997..3c15e43 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step1/slutredovisning-form-step1.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step1/slutredovisning-form-step1.component.spec.ts
@@ -1,5 +1,8 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../slutredovisning-form.service';
 import { SlutredovisningFormStep1Component } from './slutredovisning-form-step1.component';
 
 describe('SlutredovisningFormStep1Component', () => {
@@ -8,13 +11,17 @@ describe('SlutredovisningFormStep1Component', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep1Component],
+      imports: [ReactiveFormsModule, HttpClientTestingModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep1Component);
     component = fixture.componentInstance;
+    component.formGroup = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.html
index 9ca21aa..53335cb 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.html
@@ -15,6 +15,7 @@
       [uiRequired]="true"
       [uiValidationMessage]="framstegFormControl.errors?.required"
       [uiInvalid]="framstegFormControl?.touched  && !!framstegFormControl?.errors?.required"
+      ngDefaultControl
     ></ui-textarea>
 
     <ui-textarea
@@ -26,6 +27,7 @@
       [uiRequired]="true"
       [uiValidationMessage]="nastaStegFormControl.errors?.required"
       [uiInvalid]="nastaStegFormControl?.touched  && !!nastaStegFormControl?.errors?.required"
+      ngDefaultControl
     ></ui-textarea>
 
     <ui-textarea
@@ -37,6 +39,7 @@
       [uiRequired]="true"
       [uiValidationMessage]="ovrigtFormControl.errors?.required"
       [uiInvalid]="ovrigtFormControl?.touched  && !!ovrigtFormControl?.errors?.required"
+      ngDefaultControl
     ></ui-textarea>
 
     <footer class="slutredovisning-form-step2__footer">
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.spec.ts
index 674e5b4..58dab79 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step2/slutredovisning-form-step2.component.spec.ts
@@ -1,20 +1,26 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { SlutredovisningFormService } from '../slutredovisning-form.service';
 import { SlutredovisningFormStep2Component } from './slutredovisning-form-step2.component';
 
-describe('SlutredovisningFormStep1Component', () => {
+describe('SlutredovisningFormStep2Component', () => {
   let component: SlutredovisningFormStep2Component;
   let fixture: ComponentFixture<SlutredovisningFormStep2Component>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
       declarations: [SlutredovisningFormStep2Component],
+      imports: [ReactiveFormsModule],
+      providers: [SlutredovisningFormService],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SlutredovisningFormStep2Component);
     component = fixture.componentInstance;
+    component.formGroup = new FormGroup({});
     fixture.detectChanges();
   });
 
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step3/slutredovisning-form-step3.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step3/slutredovisning-form-step3.component.spec.ts
index bb780a5..84fdc09 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step3/slutredovisning-form-step3.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-forms/slutredovisning-form/slutredovisning-form-step3/slutredovisning-form-step3.component.spec.ts
@@ -1,5 +1,7 @@
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { SlutredovisningFormService } from '../slutredovisning-form.service';
 import { SlutredovisningFormStep3Component } from './slutredovisning-form-step3.component';
 
 describe('SlutredovisningFormStep3Component', () => {
@@ -8,9 +10,11 @@ describe('SlutredovisningFormStep3Component', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ SlutredovisningFormStep3Component ]
-    })
-    .compileComponents();
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      declarations: [SlutredovisningFormStep3Component],
+      imports: [HttpClientTestingModule],
+      providers: [SlutredovisningFormService],
+    }).compileComponents();
   });
 
   beforeEach(() => {
diff --git a/apps/mina-sidor-fa/src/app/pages/start/start.component.spec.ts b/apps/mina-sidor-fa/src/app/pages/start/start.component.spec.ts
index 8bc592e..f960e6b 100644
--- a/apps/mina-sidor-fa/src/app/pages/start/start.component.spec.ts
+++ b/apps/mina-sidor-fa/src/app/pages/start/start.component.spec.ts
@@ -3,6 +3,7 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { StartComponent } from './start.component';
+import { StartService } from './start.service';
 
 describe('StartComponent', () => {
   let component: StartComponent;
@@ -14,6 +15,7 @@ describe('StartComponent', () => {
         schemas: [CUSTOM_ELEMENTS_SCHEMA],
         declarations: [StartComponent],
         imports: [RouterTestingModule, HttpClientTestingModule],
+        providers: [StartService],
       }).compileComponents();
     })
   );
diff --git a/apps/mina-sidor-fa/src/app/shared/guards/auth.guard.ts b/apps/mina-sidor-fa/src/app/shared/guards/auth.guard.ts
index 404cd84..0b9c774 100644
--- a/apps/mina-sidor-fa/src/app/shared/guards/auth.guard.ts
+++ b/apps/mina-sidor-fa/src/app/shared/guards/auth.guard.ts
@@ -41,7 +41,7 @@ export class AuthGuard implements CanActivate {
     this.authenticationService.removeLocalStorageData();
 
     if (environment.ciam.clientId) {
-      document.location.href = `${environment.ciam.loginUrl}&client_id=${environment.ciam.clientId}&redirect_uri=${window.location.origin}`;
+      window.location.href = `${environment.ciam.loginUrl}&client_id=${environment.ciam.clientId}&redirect_uri=${window.location.origin}`;
     } else {
       void this.router.navigateByUrl(environment.ciam.loginUrl);
     }
diff --git a/apps/mina-sidor-fa/src/app/shared/services/api/authentication.service.ts b/apps/mina-sidor-fa/src/app/shared/services/api/authentication.service.ts
index dc2542a..34c3e09 100644
--- a/apps/mina-sidor-fa/src/app/shared/services/api/authentication.service.ts
+++ b/apps/mina-sidor-fa/src/app/shared/services/api/authentication.service.ts
@@ -154,7 +154,7 @@ export class AuthenticationService {
     this.removeLocalStorageData();
 
     if (environment.ciam.clientId) {
-      document.location.href = environment.ciam.logoutUrl;
+      window.location.href = environment.ciam.logoutUrl;
     } else {
       void this.router.navigateByUrl(environment.ciam.logoutUrl);
     }
diff --git a/libs/styles/src/test-setup.ts b/libs/styles/src/test-setup.ts
new file mode 100644
index 0000000..8d88704
--- /dev/null
+++ b/libs/styles/src/test-setup.ts
@@ -0,0 +1 @@
+import 'jest-preset-angular';
diff --git a/libs/ui/src/checkbox/checkbox.component.spec.ts b/libs/ui/src/checkbox/checkbox.component.spec.ts
index dbe65df..2346e9c 100644
--- a/libs/ui/src/checkbox/checkbox.component.spec.ts
+++ b/libs/ui/src/checkbox/checkbox.component.spec.ts
@@ -1,23 +1,27 @@
-/* tslint:disable:no-unused-variable */
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
 import { CheckboxComponent } from './checkbox.component';
 
-export class MockInjector {
-  get = jest.fn();
-}
-
-// tslint:disable-next-line: max-classes-per-file
-export class MockChangeDetectorRef {
-  markForCheck = jest.fn();
-  detach = jest.fn();
-  detectChanges = jest.fn();
-  reattach = jest.fn();
-  checkNoChanges = jest.fn();
-}
-
 describe('CheckboxComponent', () => {
   let component: CheckboxComponent;
+  let fixture: ComponentFixture<CheckboxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [CheckboxComponent],
+      imports: [ReactiveFormsModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CheckboxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
   it('should create', () => {
-    component = new CheckboxComponent(new MockInjector(), new MockChangeDetectorRef());
     expect(component).toBeTruthy();
   });
 });
diff --git a/libs/ui/src/input/input.component.spec.ts b/libs/ui/src/input/input.component.spec.ts
index 920614f..0fa1b67 100644
--- a/libs/ui/src/input/input.component.spec.ts
+++ b/libs/ui/src/input/input.component.spec.ts
@@ -1,23 +1,27 @@
-/* tslint:disable:no-unused-variable */
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
 import { InputComponent } from './input.component';
 
-export class MockInjector {
-  get = jest.fn();
-}
-
-// tslint:disable-next-line: max-classes-per-file
-export class MockChangeDetectorRef {
-  markForCheck = jest.fn();
-  detach = jest.fn();
-  detectChanges = jest.fn();
-  reattach = jest.fn();
-  checkNoChanges = jest.fn();
-}
-
 describe('InputComponent', () => {
   let component: InputComponent;
+  let fixture: ComponentFixture<InputComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [InputComponent],
+      imports: [ReactiveFormsModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InputComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
   it('should create', () => {
-    component = new InputComponent(new MockInjector(), new MockChangeDetectorRef());
     expect(component).toBeTruthy();
   });
 });
diff --git a/libs/ui/src/link-button/link-button.component.spec.ts b/libs/ui/src/link-button/link-button.component.spec.ts
index ad2f3ad..d396f2d 100644
--- a/libs/ui/src/link-button/link-button.component.spec.ts
+++ b/libs/ui/src/link-button/link-button.component.spec.ts
@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LinkButtonComponent } from './link-button.component';
diff --git a/libs/ui/src/loader/loader.component.spec.ts b/libs/ui/src/loader/loader.component.spec.ts
index 1b7198c..ca889b0 100644
--- a/libs/ui/src/loader/loader.component.spec.ts
+++ b/libs/ui/src/loader/loader.component.spec.ts
@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { LoaderComponent } from './loader.component';
diff --git a/libs/ui/src/radiobutton-group/radiobutton-group.component.spec.ts b/libs/ui/src/radiobutton-group/radiobutton-group.component.spec.ts
index 0a7c66d..5d5f0d1 100644
--- a/libs/ui/src/radiobutton-group/radiobutton-group.component.spec.ts
+++ b/libs/ui/src/radiobutton-group/radiobutton-group.component.spec.ts
@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RadiobuttonGroupComponent } from './radiobutton-group.component';
diff --git a/libs/ui/src/select/select.component.spec.ts b/libs/ui/src/select/select.component.spec.ts
index bd9c808..093fbec 100644
--- a/libs/ui/src/select/select.component.spec.ts
+++ b/libs/ui/src/select/select.component.spec.ts
@@ -1,4 +1,3 @@
-/* tslint:disable:no-unused-variable */
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { SelectComponent } from './select.component';
diff --git a/openshift/sys/Jenkinsfile b/openshift/sys/Jenkinsfile
index a850c8d..8a570f1 100644
--- a/openshift/sys/Jenkinsfile
+++ b/openshift/sys/Jenkinsfile
@@ -152,22 +152,22 @@ pipeline {
     }
 
     // Temporary while data in sys is so bad
-    stage('Deploy to "test"') {
-       steps {
-         echo '### Deploying to "test"... ###'
-         script {
-           openshift.withCluster() {
-             openshift.withProject(test_project) {
-               openshift.raw("set image dc/${ appname }  ${ appname }=docker-registry.default.svc:5000/${utv_project}/${ appname }:${BUILD_TAG} --record=true --source=docker")
-               openshift.raw("annotate dc ${ appname }  version=${BUILD_TAG} --overwrite=true")
-               openshift.selector("dc", "${ appname }").rollout().status();
-             }
-           }
-         }
-         echo '### Deployed to "test"! ###'
-       }
-     }
-  }
+  //   stage('Deploy to "test"') {
+  //      steps {
+  //        echo '### Deploying to "test"... ###'
+  //        script {
+  //          openshift.withCluster() {
+  //            openshift.withProject(test_project) {
+  //              openshift.raw("set image dc/${ appname }  ${ appname }=docker-registry.default.svc:5000/${utv_project}/${ appname }:${BUILD_TAG} --record=true --source=docker")
+  //              openshift.raw("annotate dc ${ appname }  version=${BUILD_TAG} --overwrite=true")
+  //              openshift.selector("dc", "${ appname }").rollout().status();
+  //            }
+  //          }
+  //        }
+  //        echo '### Deployed to "test"! ###'
+  //      }
+  //    }
+  // }
 }
 
 def getShortCommitHash() {