feat: dashboard

toju-app/src/app/domains/server-directory/feature/find-servers/find-servers.component.spec.ts

@@ -0,0 +1,105 @@
+import '@angular/compiler';
+import {
+  describe,
+  it,
+  expect,
+  vi
+} from 'vitest';
+import {
+  Injector,
+  runInInjectionContext,
+  signal
+} from '@angular/core';
+import { Store } from '@ngrx/store';
+import { of } from 'rxjs';
+
+import { FindServersComponent } from './find-servers.component';
+import { ViewportService } from '../../../../core/platform';
+import { selectSavedRooms } from '../../../../store/rooms/rooms.selectors';
+import { ServerDirectoryFacade } from '../../application/facades/server-directory.facade';
+import type { ServerInfo } from '../../domain/models/server-directory.model';
+import type { Room } from '../../../../shared-kernel';
+
+function makeServer(id: string): ServerInfo {
+  return { id, name: id, maxUsers: 50, userCount: 1, isPrivate: false } as unknown as ServerInfo;
+}
+
+function makeRoom(id: string): Room {
+  return { id, name: id } as unknown as Room;
+}
+
+interface HarnessOptions {
+  saved?: Room[];
+  featured?: ServerInfo[];
+  trending?: ServerInfo[];
+  isMobile?: boolean;
+}
+
+function createHarness(options: HarnessOptions = {}) {
+  const savedSig = signal<Room[]>(options.saved ?? []);
+  const store = {
+    selectSignal: (selector: unknown) => (selector === selectSavedRooms ? savedSig : signal(null)),
+    dispatch: vi.fn()
+  } as unknown as Store;
+  const serverDirectory = {
+    getFeaturedServers: vi.fn(() => of(options.featured ?? [])),
+    getTrendingServers: vi.fn(() => of(options.trending ?? []))
+  } as unknown as ServerDirectoryFacade;
+  const injector = Injector.create({
+    providers: [
+      FindServersComponent,
+      { provide: Store, useValue: store },
+      { provide: ServerDirectoryFacade, useValue: serverDirectory },
+      { provide: ViewportService, useValue: { isMobile: signal(options.isMobile ?? false) } }
+    ]
+  });
+  const component = runInInjectionContext(injector, () => injector.get(FindServersComponent));
+
+  return { component, savedSig };
+}
+
+describe('FindServersComponent', () => {
+  it('exposes the mobile viewport flag', () => {
+    expect(createHarness().component.isMobile()).toBe(false);
+    expect(createHarness({ isMobile: true }).component.isMobile()).toBe(true);
+  });
+
+  it('builds featured and trending sections after init', () => {
+    const { component } = createHarness({
+      featured: [makeServer('f1')],
+      trending: [makeServer('t1')]
+    });
+
+    component.ngOnInit();
+
+    const ids = component.discoverySections().map((section) => section.id);
+
+    expect(ids).toContain('featured');
+    expect(ids).toContain('trending');
+  });
+
+  it('includes a recently-active section from saved rooms', () => {
+    const { component } = createHarness({ saved: [makeRoom('r1')] });
+    const recent = component.discoverySections().find((section) => section.id === 'recent');
+
+    expect(recent).toBeTruthy();
+    expect(recent?.servers[0].id).toBe('r1');
+  });
+
+  it('reports a new user when there is nothing to recommend', () => {
+    const { component } = createHarness();
+
+    component.ngOnInit();
+
+    expect(component.isNewUser()).toBe(true);
+    expect(component.discoverySections()).toHaveLength(0);
+  });
+
+  it('is not a new user once recommendations exist', () => {
+    const { component } = createHarness({ featured: [makeServer('f1')] });
+
+    component.ngOnInit();
+
+    expect(component.isNewUser()).toBe(false);
+  });
+});