diff --git a/src/ipa-bcfier-ui/package.json b/src/ipa-bcfier-ui/package.json
index 593088ad..f416087a 100644
--- a/src/ipa-bcfier-ui/package.json
+++ b/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,
diff --git a/src/ipa-bcfier-ui/src/app/app.component.spec.ts b/src/ipa-bcfier-ui/src/app/app.component.spec.ts
index 69f02cd6..e375e8af 100644
--- a/src/ipa-bcfier-ui/src/app/app.component.spec.ts
+++ b/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');
-  });
 });
diff --git a/src/ipa-bcfier-ui/src/app/components/projects-table/projects-table.component.html b/src/ipa-bcfier-ui/src/app/components/projects-table/projects-table.component.html
index c1219b88..2bd70474 100644
--- a/src/ipa-bcfier-ui/src/app/components/projects-table/projects-table.component.html
+++ b/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>
diff --git a/src/ipa-bcfier-ui/src/app/components/users/users.component.html b/src/ipa-bcfier-ui/src/app/components/users/users.component.html
index e3358a1c..78fc44e1 100644
--- a/src/ipa-bcfier-ui/src/app/components/users/users.component.html
+++ b/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>
diff --git a/src/ipa-bcfier-ui/src/app/directives/topic-preview-image.directive.spec.ts b/src/ipa-bcfier-ui/src/app/directives/topic-preview-image.directive.spec.ts
index f14ebb51..ffcb623b 100644
--- a/src/ipa-bcfier-ui/src/app/directives/topic-preview-image.directive.spec.ts
+++ b/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();
   });
 });
diff --git a/src/ipa-bcfier-ui/src/app/directives/viewpoint-image.directive.spec.ts b/src/ipa-bcfier-ui/src/app/directives/viewpoint-image.directive.spec.ts
index 6a0bb879..b1087c49 100644
--- a/src/ipa-bcfier-ui/src/app/directives/viewpoint-image.directive.spec.ts
+++ b/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();
   });
 });