Updated test files for modal and heatmap

Author: vbakke

src/app/component/circular-heatmap/circular-heatmap.component.spec.ts

@@ -4,26 +4,25 @@ import { ymlService } from 'src/app/service/yaml-parser/yaml-parser.service';
 import { CircularHeatmapComponent } from './circular-heatmap.component';
 import { RouterTestingModule } from '@angular/router/testing';
 import { MatChip } from '@angular/material/chips';
+import { ModalMessageComponent } from '../modal-message/modal-message.component';
 
 describe('CircularHeatmapComponent', () => {
   let component: CircularHeatmapComponent;
   let fixture: ComponentFixture<CircularHeatmapComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      providers: [ymlService, HttpClient, HttpHandler],
+      declarations: [CircularHeatmapComponent, MatChip],
       imports: [RouterTestingModule],
-      declarations: [CircularHeatmapComponent],
+      providers: [
+        ymlService,
+        HttpClient,
+        HttpHandler,
+        { provide: ModalMessageComponent, useValue: {} },
+      ],
     }).compileComponents();
-  });
-  beforeEach(async () => {
-    TestBed.configureTestingModule({
-      declarations: [MatChip],
-    }).compileComponents();
-  });
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(CircularHeatmapComponent);
+    fixture = TestBed.createComponent(CircularHeatmapComponent); // Create fixture and component here
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/component/modal-message/modal-message.component.spec.ts

@@ -1,14 +1,21 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ModalMessageComponent } from './modal-message.component';
+import { DialogInfo, ModalMessageComponent } from './modal-message.component';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { MatDialogModule } from '@angular/material/dialog';
 
 describe('ModalMessageComponent', () => {
   let component: ModalMessageComponent;
   let fixture: ComponentFixture<ModalMessageComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      imports: [NoopAnimationsModule, MatDialogModule],
       declarations: [ModalMessageComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+      ],
     }).compileComponents();
   });
 
@@ -21,4 +28,25 @@ describe('ModalMessageComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render markdown correctly in the dialog', () => {
+    const dialogInfo: DialogInfo = new DialogInfo('A **test** markdown.');
+    const dialogRef: MatDialogRef<ModalMessageComponent> =
+      component.openDialog(dialogInfo);
+
+    expect(dialogRef.componentInstance.data.message).toContain(
+      '<strong>test</strong>'
+    );
+  });
+
+  it('should render markdown correctly in the dialog', () => {
+    const dialogInfo: DialogInfo = new DialogInfo('A **test** markdown.');
+    const dialogRef: MatDialogRef<ModalMessageComponent> =
+      component.openDialog(dialogInfo);
+
+    // Check if markdown rendering is applied
+    expect(dialogRef.componentInstance.data.message).toContain(
+      '<strong>test</strong>'
+    );
+  });
 });