test: extends coverage

src/app/components/bar-code-input/bar-code-input.spec.ts

@@ -4,34 +4,35 @@ import { BarCodeInput } from './bar-code-input';
 import { Component } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
 import { provideTranslateService } from '@ngx-translate/core';
+import { DetectedBarcode } from '../../types/globalThis';
+import { By } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-bar-code-input-mock',
-  imports: [
-    BarCodeInput,
-    ReactiveFormsModule
-  ],
+  imports: [BarCodeInput, ReactiveFormsModule],
   template: `
     <form [formGroup]="form">
-    <app-bar-code-input formControlName="mock"/>
+      <app-bar-code-input formControlName="mock" />
     </form>
   `,
-  styleUrl: './bar-code-input.scss'
+  styleUrl: './bar-code-input.scss',
 })
 class BarCodeInputTestbed {
-  form = new FormGroup({mock: new FormControl(null)})
+  form = new FormGroup({ mock: new FormControl(null) });
 }
 
 describe('BarCodeInput', () => {
   let component: BarCodeInputTestbed;
   let fixture: ComponentFixture<BarCodeInputTestbed>;
   
+  let BARCODE_MOCK: {
+    code: Partial<DetectedBarcode> | null;
+  };
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [BarCodeInputTestbed],
-      providers: [provideTranslateService()]
-    })
-    .compileComponents();
+      providers: [provideTranslateService()],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(BarCodeInputTestbed);
     component = fixture.componentInstance;
@@ -41,4 +42,24 @@ describe('BarCodeInput', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  describe('on result', () => {
+    it('should patch input value with barcode value ', () => {
+      const patchValueSpy = vi.spyOn(component.form.controls.mock, 'patchValue');
+      const markAsDirtySpy = vi.spyOn(component.form.controls.mock, 'markAsDirty');
+      BARCODE_MOCK = {code: {'rawValue': 'mock'}}
+      const barcodeReader = fixture.debugElement.query(By.css('app-bar-code-reader'));
+      barcodeReader.triggerEventHandler('result', new CustomEvent('result', {detail: BARCODE_MOCK}));
+      expect(patchValueSpy).toHaveBeenCalledExactlyOnceWith(BARCODE_MOCK.code?.rawValue);
+      expect(markAsDirtySpy).toHaveBeenCalledTimes(1);
+    });
+
+    it('should not patch input value if barcode value is null', () => {
+      const patchValueSpy = vi.spyOn(component.form.controls.mock, 'patchValue');
+      BARCODE_MOCK = {code: null}
+      const barcodeReader = fixture.debugElement.query(By.css('app-bar-code-reader'));
+      barcodeReader.triggerEventHandler('result', new CustomEvent('result', {detail: BARCODE_MOCK}));
+      expect(patchValueSpy).not.toHaveBeenCalled();
+    });
+  });
 });

src/app/components/bar-code-input/bar-code-input.ts

@@ -52,6 +52,7 @@ export class BarCodeInput implements ControlValueAccessor, OnInit {
       this.control.markAsDirty();
     }
   }
+  
   writeValue(obj: any): void {}
   registerOnChange(fn: any): void {}
   registerOnTouched(fn: any): void {}