From 45354dba2bc002a3b1271a7cf8426fce62488768 Mon Sep 17 00:00:00 2001
From: Enea Jahollari <enea.jahollari@4science.com>
Date: Wed, 27 Sep 2023 11:47:43 +0200
Subject: [PATCH] fix ThumbnailComponent tests

---
 src/app/thumbnail/thumbnail.component.spec.ts | 16 ++++++++++++++--
 src/test.ts                                   |  6 ++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/app/thumbnail/thumbnail.component.spec.ts b/src/app/thumbnail/thumbnail.component.spec.ts
index 99e252741e..c55e787093 100644
--- a/src/app/thumbnail/thumbnail.component.spec.ts
+++ b/src/app/thumbnail/thumbnail.component.spec.ts
@@ -12,6 +12,7 @@ import { AuthService } from '../core/auth/auth.service';
 import { FileService } from '../core/shared/file.service';
 import { VarDirective } from '../shared/utils/var.directive';
 import { AuthorizationDataService } from '../core/data/feature-authorization/authorization-data.service';
+import { TranslateModule } from '@ngx-translate/core';
 
 // eslint-disable-next-line @angular-eslint/pipe-prefix
 @Pipe({
@@ -48,13 +49,24 @@ describe('ThumbnailComponent', () => {
     fileService.retrieveFileDownloadLink.and.callFake((url) => observableOf(`${url}?authentication-token=fake`));
 
     TestBed.configureTestingModule({
-    imports: [ThumbnailComponent, SafeUrlPipe, MockTranslatePipe, VarDirective],
+    imports: [
+      TranslateModule.forRoot(),
+      ThumbnailComponent,
+      SafeUrlPipe,
+      MockTranslatePipe,
+      VarDirective
+    ],
     providers: [
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
         { provide: FileService, useValue: fileService }
     ]
-}).compileComponents();
+}).overrideComponent(ThumbnailComponent, {
+  add: {
+    imports: [MockTranslatePipe]
+  }
+    })
+      .compileComponents();
   }));
 
   beforeEach(() => {
diff --git a/src/test.ts b/src/test.ts
index 2f07cf0d1d..793ae77de8 100644
--- a/src/test.ts
+++ b/src/test.ts
@@ -8,6 +8,8 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { ThemeService } from './app/shared/theme-support/theme.service';
+import { getMockThemeService } from './app/shared/mocks/theme-service.mock';
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
@@ -16,6 +18,10 @@ getTestBed().initTestEnvironment(
   { teardown: { destroyAfterEach: false } }
 );
 
+jasmine.getEnv().beforeEach(() => {
+  getTestBed().overrideProvider(ThemeService, { useValue: getMockThemeService() });
+});
+
 jasmine.getEnv().afterEach(() => {
   // If store is mocked, reset state after each test (see https://ngrx.io/guide/migration/v13)
   getTestBed().inject(MockStore, null)?.resetSelectors();