fix tests

src/WarehouseEngine.UI/package.json

@@ -22,41 +22,41 @@
     "@angular/common": "^21.1.2",
     "@angular/compiler": "^21.2.4",
     "@angular/core": "^21.2.4",
-    "@angular/forms": "^21.2.4",
-    "@angular/material": "^21.2.2",
+    "@angular/forms": "^21.2.6",
+    "@angular/material": "^21.2.4",
     "@angular/platform-browser": "^21.1.2",
-    "@angular/platform-browser-dynamic": "^21.2.4",
-    "@angular/router": "^21.2.4",
-    "@ngrx/effects": "^21.0.1",
-    "@ngrx/operators": "^21.0.1",
-    "@ngrx/signals": "^21.0.1",
+    "@angular/platform-browser-dynamic": "^21.2.6",
+    "@angular/router": "^21.2.6",
+    "@ngrx/effects": "^21.1.0",
+    "@ngrx/operators": "^21.1.0",
+    "@ngrx/signals": "^21.1.0",
     "@ngrx/store": "^21.0.1",
-    "@ngrx/store-devtools": "^21.0.1",
+    "@ngrx/store-devtools": "^21.1.0",
     "d3": "^7.9.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "^0.16.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^21.2.2",
-    "@angular/cli": "^21.2.2",
-    "@angular/compiler-cli": "^21.2.4",
+    "@angular-devkit/build-angular": "^21.2.5",
+    "@angular/cli": "^21.2.5",
+    "@angular/compiler-cli": "^21.2.6",
     "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^9.9.1",
     "@types/d3": "^7.4.3",
     "@types/jasmine": "^6.0.0",
     "@vitest/browser-playwright": "^4.0.18",
     "@web/test-runner": "^0.20.2",
-    "angular-eslint": "^21.3.0",
+    "angular-eslint": "^21.3.1",
     "eslint": "^9.39.4",
     "eslint-plugin-unused-imports": "^4.4.1",
     "jasmine-core": "^6.1.0",
     "jsdom": "^28.1.0",
     "prettier": "^3.8.1",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript-eslint": "^8.57.2",
     "vitest": "^4.0.18",
-    "webpack-bundle-analyzer": "^5.2.0"
+    "webpack-bundle-analyzer": "^5.3.0"
   }
 }

src/WarehouseEngine.UI/src/app/app.component.spec.ts

@@ -1,7 +1,7 @@
+import { vi } from 'vitest';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AppComponent } from './app.component';
 import { ThemeService } from './services/theme/theme.service';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { Component, signal } from '@angular/core';
 import { TopNavComponent } from './components/top-nav/top-nav.component';
 import { SidenavComponent } from './components/sidenav/sidenav.component';
@@ -37,27 +37,27 @@ class LoginMockComponent { }
 describe('AppComponent', () => {
   let app: AppComponent;
   let fixture: ComponentFixture<AppComponent>;
-  let themeServiceSpy: jasmine.SpyObj<ThemeService>;
+  let themeServiceSpy: { setTheme: ReturnType<typeof vi.fn> };
 
   const mockAuthStore = {
     loginStatus: signal('logged out' as const),
     isLoggedIn: signal(false),
     isLoggingIn: signal(false),
     authState: signal({ type: 'logged out' as const }),
-    login: jasmine.createSpy('login'),
-    logout: jasmine.createSpy('logout'),
+    login: vi.fn(),
+    logout: vi.fn(),
   };
 
   let fixtureNativeElement: HTMLElement;
   let harness: RouterTestingHarness;
 
   beforeEach(async () => {
-    themeServiceSpy = jasmine.createSpyObj<ThemeService>('ThemeService', ['setTheme']);
+    themeServiceSpy = { setTheme: vi.fn() };
 
     sessionStorage.clear();
 
     await TestBed.configureTestingModule({
-    imports: [NoopAnimationsModule, AppComponent],
+    imports: [AppComponent],
     providers: [
         { provide: ThemeService, useValue: themeServiceSpy },
         { provide: AuthStore, useValue: mockAuthStore },

src/WarehouseEngine.UI/src/app/components/sidenav/sidenav.component.spec.ts

@@ -1,3 +1,4 @@
+import { vi } from 'vitest';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { SidenavComponent } from './sidenav.component';
@@ -15,17 +16,17 @@ describe('SidenavComponent', () => {
   const mockLayoutStore = {
     sideNavOpen: signal(false),
     isSideNavOpen: signal(false),
-    toggleSideNav: jasmine.createSpy('toggleSideNav'),
-    openSideNav: jasmine.createSpy('openSideNav'),
-    closeSideNav: jasmine.createSpy('closeSideNav'),
+    toggleSideNav: vi.fn(),
+    openSideNav: vi.fn(),
+    closeSideNav: vi.fn(),
   };
 
   const mockAuthStore = {
     loginStatus: signal('logged out'),
     isLoggedIn: signal(false),
     isLoggingIn: signal(false),
-    login: jasmine.createSpy('login'),
-    logout: jasmine.createSpy('logout'),
+    login: vi.fn(),
+    logout: vi.fn(),
   };
 
   beforeEach(() => {

src/WarehouseEngine.UI/src/app/components/top-nav/top-nav.component.spec.ts

@@ -1,3 +1,4 @@
+import { vi } from 'vitest';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TopNavComponent } from './top-nav.component';
@@ -12,7 +13,7 @@ describe('TopNavComponent', () => {
   const mockLayoutStore = {
     sideNavOpen: signal(false),
     isSideNavOpen: signal(false),
-    toggleSideNav: jasmine.createSpy('toggleSideNav'),
+    toggleSideNav: vi.fn(),
   };
 
   beforeEach(() => {

src/WarehouseEngine.UI/src/app/pages/login/login.component.spec.ts

@@ -1,3 +1,4 @@
+import { vi } from 'vitest';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { LoginComponent } from './login.component';
@@ -15,8 +16,8 @@ describe('LoginComponent', () => {
     loginStatus: signal('logged out'),
     isLoggedIn: signal(false),
     isLoggingIn: signal(false),
-    login: jasmine.createSpy('login'),
-    logout: jasmine.createSpy('logout'),
+    login: vi.fn(),
+    logout: vi.fn(),
   };
 
   beforeEach(async () => {

src/WarehouseEngine.UI/tsconfig.spec.json

@@ -3,7 +3,7 @@
     "extends": "./tsconfig.json",
     "compilerOptions": {
         "outDir": "./out-tsc/spec",
-        "types": ["jasmine"]
+        "types": ["vitest/globals"]
     },
     "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }