fix: adding details

Author: Patricio Albizu

projects/components/src/multi-select/multi-select.component.test.ts

@@ -139,16 +139,18 @@ describe('Multi Select Component', () => {
   }));
 
   test('should block prevent default when checkbox is clicked', fakeAsync(() => {
+    const onChange = jest.fn();
     spectator = hostFactory(
       `
-    <ht-multi-select [selected]="selected">
+    <ht-multi-select (selectedChange)="onChange($event)" [selected]="selected">
       <ht-select-option *ngFor="let option of options" [label]="option.label" [value]="option.value">
       </ht-select-option>
     </ht-multi-select>`,
       {
         hostProps: {
           options: selectionOptions,
-          selected: []
+          selected: [],
+          onChange: onChange
         }
       }
     );
@@ -157,6 +159,11 @@ describe('Multi Select Component', () => {
     spectator.click('.trigger-content');
     const selectedCheckboxElement = spectator.queryAll('ht-checkbox', { root: true })[0];
     expect(spectator.dispatchFakeEvent(selectedCheckboxElement, 'click', true).defaultPrevented).toBe(true);
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenCalledWith([selectionOptions[0].value]);
+    expect(spectator.query(LabelComponent)?.label).toEqual('first');
+    flush();
   }));
 
   test('should notify and update selection when selection is changed', fakeAsync(() => {

projects/components/src/multi-select/multi-select.component.ts

@@ -94,7 +94,7 @@ import { MultiSelectJustify } from './multi-select-justify';
               >
                 <ht-checkbox
                   class="checkbox"
-                  (click)="preventClickDefault($event)"
+                  (click)="this.preventClickDefault($event)"
                   [checked]="this.isSelectedItem(item)"
                 ></ht-checkbox>
                 <ht-icon