• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<div *ngIf="selectedGolden" class="w-full h-full p-4 relative overflow-y-auto">
2  <div class="flex flex-col flex-grow items-stretch bg-white rounded shadow-md p-4">
3      <app-graph
4        class="flex flex-grow w-full h-96"
5        *ngIf="expandedGraphIdx !== -1 && !loading"
6        [expectedData]="expectedData"
7        [actualData]="actualData"
8        [featureName]="getSelectedFeatureName()"
9        [isExpanded]="true"
10        (expand)="toggleGraph($event)"
11      ></app-graph>
12
13       <div class="flex flex-col gap-4" *ngIf="expandedGraphIdx === -1 && !loading && actualData && actualData.features">
14        <app-graph
15          *ngFor="let feature of actualData.features; let i = index"
16          class="h-48 w-full"
17          [expectedData]="expectedData"
18          [actualData]="actualData"
19          [featureName]="getFeatureName(i)"
20          (expand)="toggleGraph($event)"
21        >
22        </app-graph>
23      </div>
24
25      <div *ngIf="loading">Loading...</div>
26  </div>
27
28  <div class="mt-4 flex justify-center space-x-2" *ngIf="expandedGraphIdx !== -1">
29    <button
30      class="px-3 py-1 rounded bg-gray-200 hover:bg-gray-300"
31      (click)="onPrevious()"
32    >
33      &#16;
34    </button>
35    <button
36      class="px-3 py-1 rounded bg-gray-200 hover:bg-gray-300"
37      (click)="onNext()"
38    >
39      &#17;
40    </button>
41  </div>
42  <div class="mt-4 flex justify-center space-x-2">
43    <button
44      class="px-3 py-1 rounded bg-red-500 hover:bg-red-700 text-white"
45      (click)="updateGolden()"
46    >
47      Update Golden
48    </button>
49  </div>
50</div>
51
52<div *ngIf="!selectedGolden" class="w-full h-[500px] p-4 flex justify-center items-center">
53  <p class="text-center text-gray-500">No test selected.</p>
54</div>