Save expand/collapse state

modules/ui/src/app/mocks/progress.mock.ts

@@ -20,7 +20,7 @@ import {
   TestsData,
 } from '../model/testrun-status';
 
-const TEST_DATA_RESULT: IResult[] = [
+export const TEST_DATA_RESULT: IResult[] = [
   {
     name: 'dns.network.hostname_resolution',
     description: 'The device should resolve hostnames',

modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.html

@@ -33,7 +33,7 @@
       </span>
     </section>
 
-    <ng-container *ngFor="let item of dataSource">
+    <ng-container *ngFor="let item of dataSource; trackBy: trackTest">
       <mat-expansion-panel
         *ngIf="item.recommendations; else simpleRow"
         [expanded]="true"

modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.spec.ts

@@ -21,6 +21,7 @@ import { IResult, StatusOfTestResult } from '../../../../model/testrun-status';
 import { of } from 'rxjs';
 import {
   TEST_DATA,
+  TEST_DATA_RESULT,
   TEST_DATA_RESULT_WITH_RECOMMENDATIONS,
 } from '../../../../mocks/progress.mock';
 import { TestRunService } from '../../../../services/test-run.service';
@@ -67,6 +68,12 @@ describe('ProgressTableComponent', () => {
       );
       expect(result).toEqual(expectedResult);
     });
+
+    it('#trackTest should return name and status', () => {
+      expect(component.trackTest(1, TEST_DATA_RESULT[0])).toEqual(
+        'dns.network.hostname_resolutionCompliant'
+      );
+    });
   });
 
   describe('DOM tests', () => {

modules/ui/src/app/pages/testrun/components/progress-table/progress-table.component.ts

@@ -73,4 +73,8 @@ export class ProgressTableComponent implements OnInit {
     const message = this.stepsToResolve?.length === 1 ? 'row' : 'all rows';
     return `${action} ${message}`;
   }
+
+  public trackTest(index: number, item: IResult) {
+    return item.name + item.result;
+  }
 }