Fixed error in test console from tanks size

doc/missingTests.md

@@ -2,7 +2,6 @@
 
 * GasBlenderComponent
 * Diver.component.ts: Add tests for rmv and stressRmv save and load
-* Fix TankSizeComponent line 56 error in the tests console
 * Options component:
   * switchAirBreaks
   * useRecreational

projects/planner/src/app/tank.size/tank.size.component.spec.ts

@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { ReactiveFormsModule } from '@angular/forms';
 import { TankSizeComponent } from './tank.size.component';
 import { UnitConversion } from '../shared/UnitConversion';
 import { InputControls } from '../shared/inputcontrols';
@@ -8,6 +8,7 @@ import { ValidatorGroups } from '../shared/ValidatorGroups';
 import { By } from '@angular/platform-browser';
 import { DebugElement } from '@angular/core';
 
+
 export class TankSizePage {
     constructor(private fixture: ComponentFixture<TankSizeComponent>) { }
 
@@ -26,20 +27,24 @@ describe('TankSizeComponent', () => {
     let fixture: ComponentFixture<TankSizeComponent>;
     let page: TankSizePage;
 
-    beforeEach(() => {
-        TestBed.configureTestingModule({
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
             declarations: [TankSizeComponent],
-            providers: [UnitConversion, InputControls, DecimalPipe, ValidatorGroups]
-        });
+            providers: [UnitConversion, InputControls, DecimalPipe, ValidatorGroups],
+            imports: [ReactiveFormsModule]
+        }).compileComponents();
+    });
+
+    beforeEach(() => {
         const units = TestBed.inject(UnitConversion);
         units.imperialUnits = true;
         fixture = TestBed.createComponent(TankSizeComponent);
         component = fixture.componentInstance;
         page = new TankSizePage(fixture);
+        fixture.detectChanges();
     });
 
     it('Changing size applies the value', () => {
-        fixture.detectChanges();
         spyOn(component.sizeChange, 'emit');
         const sizeField = page.sizeInput;
         sizeField.value = '12';
@@ -60,7 +65,6 @@ describe('TankSizeComponent', () => {
     });
 
     it('Assign standard tank applies impoerial values', () => {
-        fixture.detectChanges();
         spyOn(component.applyTemplate, 'emit');
         const templateButtons = page.templateButtons[2].nativeElement as HTMLInputElement;
         templateButtons.dispatchEvent(new Event('click'));