1<div class="wrapper">
2  <div class=".mat-app-background label">
3    {{ passingTestCount }} of {{ totalTestCount }} test pass
4  </div>
5
6  <mat-selection-list
7    (selectionChange)="goldenSelected($event)"
8    [multiple]="false"
9  >
10    @for (golden of goldens; track golden.id) {
11      <mat-list-option [value]="golden.id">
12        {{ golden.label }}
13
14        @if (golden.updated) {
15          <span class="tag updated">UPDATED</span>
16        } @else {
17          <span class="tag {{ golden.result }}">{{ golden.result }}</span>
18        }
19      </mat-list-option>
20    }
21  </mat-selection-list>
22</div>
23
24@if (selectedGolden?.type === "motion") {
25  <app-motion-golden [golden]="$any(selectedGolden)"></app-motion-golden>
26}
27
28@if (selectedGolden?.type === "screenshot") {
29  <app-screenshot-golden
30    [golden]="$any(selectedGolden)"
31  ></app-screenshot-golden>
32}
33