fix: fixed tests 1

src/ipa-bcfier-ui/package.json

@@ -6,7 +6,7 @@
     "start": "ng serve",
     "build": "npm run install-fonts && ng build --configuration production",
     "watch": "ng build --watch --configuration development",
-    "test": "ng test",
+    "test": "ng test --no-watch",
     "install-fonts": "node ./copyFonts.js"
   },
   "private": true,

src/ipa-bcfier-ui/src/app/app.component.spec.ts

@@ -14,16 +14,4 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have the 'ipa-bcfier-ui' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('ipa-bcfier-ui');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, ipa-bcfier-ui');
-  });
 });

src/ipa-bcfier-ui/src/app/components/projects-table/projects-table.component.html

@@ -76,14 +76,15 @@
       </td>
     </tr>
   </table>
-
-  <mat-paginator
-    [pageSizeOptions]="[5, 10, 25, 100]"
-    [length]="paginationResult?.totalCount"
-    [pageSize]="paginationResult?.pageSize"
-    [pageIndex]="paginationResult.page - 1"
-    (page)="onPage($event)"
-    [showFirstLastButtons]="true"
-    class="dark-theme"
-  ></mat-paginator>
+  @if(paginationResult) {
+    <mat-paginator
+      [pageSizeOptions]="[5, 10, 25, 100]"
+      [length]="paginationResult.totalCount"
+      [pageSize]="paginationResult.pageSize"
+      [pageIndex]="paginationResult.page - 1"
+      (page)="onPage($event)"
+      [showFirstLastButtons]="true"
+      class="dark-theme"
+    ></mat-paginator>
+  }
 </div>

src/ipa-bcfier-ui/src/app/components/users/users.component.html

@@ -61,14 +61,15 @@
       </td>
     </tr>
   </table>
-
-  <mat-paginator
-    [pageSizeOptions]="[5, 10, 25, 100]"
-    [length]="paginationResult?.totalCount"
-    [pageSize]="paginationResult?.pageSize"
-    [pageIndex]="paginationResult.page - 1"
-    (page)="onPage($event)"
-    [showFirstLastButtons]="true"
-    class="dark-theme"
-  ></mat-paginator>
+  @if(paginationResult) {
+    <mat-paginator
+      [pageSizeOptions]="[5, 10, 25, 100]"
+      [length]="paginationResult.totalCount"
+      [pageSize]="paginationResult.pageSize"
+      [pageIndex]="paginationResult.page - 1"
+      (page)="onPage($event)"
+      [showFirstLastButtons]="true"
+      class="dark-theme"
+    ></mat-paginator>
+  }
 </div>

src/ipa-bcfier-ui/src/app/directives/topic-preview-image.directive.spec.ts

@@ -1,8 +1,10 @@
+import { ElementRef } from '@angular/core';
 import { TopicPreviewImageDirective } from './topic-preview-image.directive';
 
 describe('TopicPreviewImageDirective', () => {
   it('should create an instance', () => {
-    const directive = new TopicPreviewImageDirective();
+    const el = new ElementRef<HTMLDivElement>(document.createElement('div'));
+    const directive = new TopicPreviewImageDirective(el);
     expect(directive).toBeTruthy();
   });
 });

src/ipa-bcfier-ui/src/app/directives/viewpoint-image.directive.spec.ts

@@ -1,8 +1,10 @@
+import { ElementRef } from '@angular/core';
 import { ViewpointImageDirective } from './viewpoint-image.directive';
 
 describe('ViewpointImageDirective', () => {
   it('should create an instance', () => {
-    const directive = new ViewpointImageDirective();
+    const el = new ElementRef<HTMLDivElement>(document.createElement('div'));
+    const directive = new ViewpointImageDirective(el);
     expect(directive).toBeTruthy();
   });
 });