Added function to get label for driving faults

src/app/pages/waiting-room-to-car/components/vehicle-checks/__tests__/vehicle-checks.spec.ts

@@ -246,6 +246,18 @@ describe('VehicleChecksComponent', () => {
       });
     });
 
+    describe('drivingFaultsLabel', () => {
+      it('should return "driving fault" when count is 1', () => {
+        const result = component.drivingFaultsLabel(1);
+        expect(result).toEqual('driving fault');
+      });
+
+      it('should return "driving faults" when count is greater than 1', () => {
+        const result = component.drivingFaultsLabel(2);
+        expect(result).toEqual('driving faults');
+      });
+    });
+
     describe('invalid', () => {
       beforeEach(() => {
         store$.dispatch(StartTest(12345, TestCategory.C));

src/app/pages/waiting-room-to-car/components/vehicle-checks/vehicle-checks.html

@@ -31,7 +31,9 @@
             [count]="vehicleChecksScore.drivingFaults + (safetyQuestionsScore?.drivingFaults || 0)"
           >
           </driving-faults-badge>
-          <span class="vehicle-checks-result-text" id="vehicle-check-df-label">driving faults</span>
+          <span class="vehicle-checks-result-text" id="vehicle-check-df-label"
+            >{{drivingFaultsLabel(vehicleChecksScore.drivingFaults + (safetyQuestionsScore?.drivingFaults || 0))}}</span
+          >
         </ion-row>
       </ion-col>
       <ion-col size="47" *ngIf="everyQuestionHasOutcome()" class="see-answer-link-container ion-padding-end">

src/app/pages/waiting-room-to-car/components/vehicle-checks/vehicle-checks.ts

@@ -179,6 +179,13 @@ export class VehicleChecksComponent implements OnChanges {
     return this.everyQuestionHasOutcome() ? null : this.incompleteVehicleChecks();
   }
 
+  drivingFaultsLabel(count: number): string {
+    let label: string = 'driving fault';
+    if(count > 1) {
+      label = 'driving faults'
+    } return label;
+  }
+
   get invalid(): boolean {
     return !this.formControl.valid && this.formControl.dirty;
   }