From c93ab0977cf17a6fab12d0e43cd609aa02daf13d Mon Sep 17 00:00:00 2001
From: Manuel <moeri@puzzle.ch>
Date: Mon, 28 Oct 2024 15:53:35 +0100
Subject: [PATCH] Fix frontend unit tests

---
 .../objective-detail/objective-detail.component.html          | 2 +-
 .../objective-detail/objective-detail.component.spec.ts       | 4 ++--
 .../src/app/components/objective/objective.component.spec.ts  | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/components/objective-detail/objective-detail.component.html b/frontend/src/app/components/objective-detail/objective-detail.component.html
index c1f2a32c66..08ed32814a 100644
--- a/frontend/src/app/components/objective-detail/objective-detail.component.html
+++ b/frontend/src/app/components/objective-detail/objective-detail.component.html
@@ -2,7 +2,7 @@
   <ng-container *ngIf="(objective$ | async)?.id && (objective$ | async) as objective; else spinner">
     <div *ngIf="objective" class="d-flex flex-column">
       <section class="w-100 d-flex justify-content-between align-items-center mb-3">
-        <h2 class="title">{{ objective.title }}</h2>
+        <h2 class="title" [attr.data-testId]="'objective-title'">{{ objective.title }}</h2>
         <button
           class="d-flex align-items-center justify-content-center"
           mat-icon-button
diff --git a/frontend/src/app/components/objective-detail/objective-detail.component.spec.ts b/frontend/src/app/components/objective-detail/objective-detail.component.spec.ts
index 2568cc3c0d..8a397f7582 100644
--- a/frontend/src/app/components/objective-detail/objective-detail.component.spec.ts
+++ b/frontend/src/app/components/objective-detail/objective-detail.component.spec.ts
@@ -56,8 +56,8 @@ describe('ObjectiveDetailComponent', () => {
   it('get data from backend', () => {
     fixture.detectChanges();
     component.objectiveId = 2;
-    const title = fixture.debugElement.query(By.css('.title')).nativeElement.innerHTML;
-    const description = fixture.debugElement.query(By.css('[data-test-id="description"]')).nativeElement.innerHTML;
+    const title = fixture.debugElement.query(By.css('[data-testId="objective-title"]'))?.nativeElement.innerHTML;
+    const description = fixture.debugElement.query(By.css('[data-testId="description"]'))?.nativeElement.innerHTML;
     expect(title).toContain(objective.title);
     expect(description).toContain(objective.description);
   });
diff --git a/frontend/src/app/components/objective/objective.component.spec.ts b/frontend/src/app/components/objective/objective.component.spec.ts
index c429f95f77..fec7cb202f 100644
--- a/frontend/src/app/components/objective/objective.component.spec.ts
+++ b/frontend/src/app/components/objective/objective.component.spec.ts
@@ -19,6 +19,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { ScoringComponent } from '../../shared/custom/scoring/scoring.component';
 import { ConfidenceComponent } from '../confidence/confidence.component';
 import { ReactiveFormsModule } from '@angular/forms';
+// @ts-ignore
 import * as de from '../../../assets/i18n/de.json';
 import { TranslateTestingModule } from 'ngx-translate-testing';
 import { ObjectiveMin } from '../../shared/types/model/ObjectiveMin';