sa: add draft-jobs.component tests

Author: marksvc

src/SIL.XForge.Scripture/ClientApp/src/app/serval-administration/draft-jobs.component.html

@@ -27,7 +27,7 @@
     <div class="table-wrapper">
       <table mat-table id="draft-jobs-table" [dataSource]="rows">
         <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
-        <tr mat-row *matRowDef="let row; columns: columnsToDisplay"></tr>
+        <tr class="job-row" mat-row *matRowDef="let row; columns: columnsToDisplay"></tr>
         <ng-container matColumnDef="status">
           <th mat-header-cell *matHeaderCellDef>Status</th>
           <td mat-cell *matCellDef="let row">
@@ -159,7 +159,7 @@
     </div>
 
     @if (rows.length === 0) {
-      <p>No draft jobs found for the selected time period.</p>
+      <p id="no-draft-jobs-found-message">No draft jobs found for the selected time period.</p>
     }
   }
 } @else {

src/SIL.XForge.Scripture/ClientApp/src/app/serval-administration/draft-jobs.component.spec.ts

@@ -0,0 +1,213 @@
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { provideHttpClientTesting } from '@angular/common/http/testing';
+import { DebugElement } from '@angular/core';
+import { ComponentFixture, fakeAsync, flush, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { BehaviorSubject } from 'rxjs';
+import { anything, mock, verify, when } from 'ts-mockito';
+import { AuthService } from 'xforge-common/auth.service';
+import { DialogService } from 'xforge-common/dialog.service';
+import { I18nService } from 'xforge-common/i18n.service';
+import { OnlineStatusService } from 'xforge-common/online-status.service';
+import { TestOnlineStatusModule } from 'xforge-common/test-online-status.module';
+import { TestOnlineStatusService } from 'xforge-common/test-online-status.service';
+import { TestRealtimeModule } from 'xforge-common/test-realtime.module';
+import { TestRealtimeService } from 'xforge-common/test-realtime.service';
+import { configureTestingModule, TestTranslocoModule } from 'xforge-common/test-utils';
+import { SF_TYPE_REGISTRY } from '../core/models/sf-type-registry';
+import { SFProjectService } from '../core/sf-project.service';
+import { EventMetric, EventScope } from '../event-metrics/event-metric';
+import { DraftJob, DraftJobsComponent } from './draft-jobs.component';
+import sampleEvents from './sample-events.json';
+import { ServalAdministrationService } from './serval-administration.service';
+
+const mockedActivatedRoute = mock(ActivatedRoute);
+const mockedAuthService = mock(AuthService);
+const mockedDialogService = mock(DialogService);
+const mockedI18nService = mock(I18nService);
+const mockedProjectService = mock(SFProjectService);
+const mockedServalAdministrationService = mock(ServalAdministrationService);
+
+describe('DraftJobsComponent', () => {
+  configureTestingModule(() => ({
+    imports: [
+      NoopAnimationsModule,
+      TestTranslocoModule,
+      TestOnlineStatusModule.forRoot(),
+      TestRealtimeModule.forRoot(SF_TYPE_REGISTRY),
+      RouterModule.forRoot([])
+    ],
+    providers: [
+      provideHttpClient(withInterceptorsFromDi()),
+      provideHttpClientTesting(),
+      { provide: ActivatedRoute, useMock: mockedActivatedRoute },
+      { provide: AuthService, useMock: mockedAuthService },
+      { provide: DialogService, useMock: mockedDialogService },
+      { provide: I18nService, useMock: mockedI18nService },
+      { provide: OnlineStatusService, useClass: TestOnlineStatusService },
+      { provide: SFProjectService, useMock: mockedProjectService },
+      { provide: ServalAdministrationService, useMock: mockedServalAdministrationService }
+    ]
+  }));
+
+  it('should show jobs from event metrics', fakeAsync(() => {
+    const env = new TestEnvironment();
+    env.wait();
+    expect(env.component.rows.length).toBeGreaterThan(0);
+    expect(env.rows.length).toBeGreaterThan(0);
+    expect(env.emptyMessage).toBeNull();
+  }));
+
+  it('should display empty state when no jobs', fakeAsync(() => {
+    const env = new TestEnvironment({ hasEvents: false });
+    env.wait();
+    expect(env.rows.length).toBe(0);
+    expect(env.emptyMessage).not.toBeNull();
+    expect(env.emptyMessage!.nativeElement.textContent).toContain('No draft jobs found');
+  }));
+
+  it('should reload data when time period changes', fakeAsync(() => {
+    const env = new TestEnvironment();
+    env.wait();
+    env.component.daysBack = 14;
+    env.wait();
+    verify(mockedProjectService.onlineAllEventMetricsForConstructingDraftJobs(anything(), anything(), 14)).once();
+  }));
+
+  describe('associates events into jobs', () => {
+    it('successful jobs', fakeAsync(() => {
+      const env = new TestEnvironment();
+      env.wait();
+      // The Serval build id and event metric ids are written here from looking at the sample data.
+      const servalBuildId = '68fbaaba6c00da700a86c979';
+      const startEventId = '68fbaa9d6a411b337164c6ca';
+      const buildEventId = '68fbaaba6a411b337164c6d0';
+      // I would argue the finish event should be 68fbcb406a411b337164c877, the BuildCompletedAsync event.
+      const finishEventId = '68fbcb3e6a411b337164c86f';
+
+      const draftJob: DraftJob = env.component.rows.filter(row => row.job.buildId === servalBuildId)[0].job;
+      // Verify test setup.
+      expect(draftJob.status).toEqual('success');
+
+      expect(draftJob!.startEvent!.id).toEqual(startEventId);
+      expect(draftJob!.buildEvent!.id).toEqual(buildEventId);
+      expect(draftJob!.finishEvent!.id).toEqual(finishEventId);
+    }));
+
+    it('cancelled jobs', fakeAsync(() => {
+      const env = new TestEnvironment();
+      env.wait();
+      const servalBuildId = '68fb7cfd6c00da700a863d21';
+      const startEventId = '68fb7cc46a411b337164c38d';
+      const buildEventId = '68fb7cfd6a411b337164c393';
+      // I would think finish event id should be 68fb7d636a411b337164c39e BuildCompletedAsync (or perhaps
+      // 68fb7d5a6a411b337164c39a CancelPreTranslationBuildAsync).
+      const finishEventId = '68fb7d636a411b337164c39e';
+
+      const draftJob: DraftJob = env.component.rows.filter(row => row.job.buildId === servalBuildId)[0].job;
+      // Verify test setup.
+      expect(draftJob.status).toEqual('cancelled');
+
+      expect(draftJob!.startEvent!.id).toEqual(startEventId);
+      expect(draftJob!.buildEvent!.id).toEqual(buildEventId);
+      expect(draftJob!.finishEvent!.id).toEqual(finishEventId);
+    }));
+
+    it('faulted jobs', fakeAsync(() => {
+      const env = new TestEnvironment();
+      env.wait();
+      const servalBuildId = '68fa5b626c00da700a848a94';
+      const startEventId = '68fa5b496a411b3371647957';
+      const buildEventId = '68fa5b636a411b337164795d';
+      const finishEventId = '68fa5b6d6a411b3371647961';
+
+      const draftJob: DraftJob = env.component.rows.filter(row => row.job.buildId === servalBuildId)[0].job;
+      // Verify test setup.
+      expect(draftJob.status).toEqual('failed');
+
+      expect(draftJob!.startEvent!.id).toEqual(startEventId);
+      expect(draftJob!.buildEvent!.id).toEqual(buildEventId);
+      expect(draftJob!.finishEvent!.id).toEqual(finishEventId);
+    }));
+  });
+
+  class TestEnvironment {
+    readonly component: DraftJobsComponent;
+    readonly fixture: ComponentFixture<DraftJobsComponent>;
+    readonly realtimeService: TestRealtimeService = TestBed.inject<TestRealtimeService>(TestRealtimeService);
+    readonly testOnlineStatusService: TestOnlineStatusService = TestBed.inject(
+      OnlineStatusService
+    ) as TestOnlineStatusService;
+    private readonly queryParams$ = new BehaviorSubject<any>({});
+
+    constructor({ hasEvents = true }: { hasEvents?: boolean } = {}) {
+      when(mockedActivatedRoute.queryParams).thenReturn(this.queryParams$.asObservable());
+      when(mockedAuthService.currentUserRoles).thenReturn([]);
+      when(mockedI18nService.formatDate(anything(), anything())).thenCall((date: Date) => date.toISOString());
+      if (hasEvents) this.setupDraftJobsData();
+      this.fixture = TestBed.createComponent(DraftJobsComponent);
+      this.component = this.fixture.componentInstance;
+      this.fixture.detectChanges();
+    }
+
+    get table(): DebugElement | null {
+      return this.fixture.debugElement.query(By.css('#draft-jobs-table'));
+    }
+
+    get rows(): DebugElement[] {
+      if (!this.table) return [];
+      return this.table.queryAll(By.css('.job-row'));
+    }
+
+    get emptyMessage(): DebugElement | null {
+      return this.fixture.debugElement.query(By.css('#no-draft-jobs-found-message'));
+    }
+
+    wait(): void {
+      flush();
+      this.fixture.detectChanges();
+    }
+
+    setupDraftJobsData(): void {
+      const eventMetrics: EventMetric[] = this.transformJsonToEventMetrics(sampleEvents);
+
+      when(
+        mockedProjectService.onlineAllEventMetricsForConstructingDraftJobs(anything(), anything(), anything())
+      ).thenCall((eventTypes: string[], projectId?: string, _daysBack?: number) => {
+        let events: EventMetric[] = eventMetrics.filter(event => eventTypes.includes(event.eventType));
+        if (projectId != null) events = events.filter(event => event.projectId === projectId);
+        return { results: events, unpagedCount: events.length };
+      });
+
+      // Mock project names via ServalAdministrationService for projects in JSON
+      const projectIds = [...new Set(eventMetrics.map(e => e.projectId).filter((id): id is string => id != null))];
+      projectIds.forEach(projectId => {
+        when(mockedServalAdministrationService.get(projectId)).thenResolve({
+          id: projectId,
+          data: { name: `Project ${projectId.substring(0, 8)}`, shortName: projectId.substring(0, 4) }
+        } as any);
+      });
+    }
+
+    /**
+     * Transforms JSON event data to EventMetric objects.
+     * Transforms "timeStamp":{"$date":"foo"} to just "timeStamp".
+     */
+    private transformJsonToEventMetrics(jsonData: any[]): EventMetric[] {
+      return jsonData.map(event => ({
+        id: event._id,
+        eventType: event.eventType,
+        timeStamp: typeof event.timeStamp === 'string' ? event.timeStamp : (event.timeStamp?.$date ?? ''),
+        scope: event.scope as EventScope,
+        payload: event.payload ?? {},
+        userId: event.userId,
+        projectId: event.projectId,
+        result: event.result,
+        executionTime: event.executionTime,
+        exception: event.exception
+      }));
+    }
+  }
+});

src/SIL.XForge.Scripture/ClientApp/src/app/serval-administration/draft-jobs.component.ts

@@ -28,7 +28,8 @@ interface ProjectBooks {
   books: string[];
 }
 
-interface DraftJob {
+export interface DraftJob {
+  /** Serval build ID */
   buildId: string | null;
   projectId: string;
   startEvent?: EventMetric; // Made optional since incomplete jobs might not have a start event