Merge remote-tracking branch 'origin/OZG-6129-zufi-searchbar' into OZG-6129-zufi-searchbar

alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.ts

@@ -40,7 +40,7 @@ import { InstantSearchResult } from './instant-search.model';
       [attr.aria-expanded]="results.length"
       [control]="control"
       aria-controls="results"
-      (clickInput)="showResults()"
+      (inputClicked)="showResults()"
       #searchField
     />
     <ods-aria-live-region [text]="ariaLiveText" />

alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.spec.ts

 import { EMPTY_STRING } from '@alfa-client/tech-shared';
-import { getElementFromFixtureByType } from '@alfa-client/test-utils';
+import { getElementFromFixtureByType, mock } from '@alfa-client/test-utils';
+import { EventEmitter } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormControl } from '@angular/forms';
 import { TextInputComponent } from '../../form/text-input/text-input.component';
@@ -23,14 +24,14 @@ describe('SearchFieldComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  describe('clickInput', () => {
+  describe('inputClicked', () => {
     it('should emit event', () => {
+      component.inputClicked = <any>mock(EventEmitter);
       const input = getElementFromFixtureByType(fixture, TextInputComponent);
-      const emitSpy = jest.spyOn(component.clickInput, 'emit');
 
-      input.clickEmitter.emit();
+      input.inputElement.nativeElement.click();
 
-      expect(emitSpy).toHaveBeenCalledTimes(1);
+      expect(component.inputClicked.emit).toHaveBeenCalled();
     });
   });
 

alfa-client/libs/design-system/src/lib/instant-search/search-field/search-field.component.ts

@@ -16,7 +16,7 @@ import { SearchIconComponent } from '../../icons/search-icon/search-icon.compone
     [placeholder]="placeholder"
     [withPrefix]="true"
     [withSuffix]="true"
-    (clickEmitter)="clickInput.emit()"
+    (clickEmitter)="inputClicked.emit()"
     role="combobox"
   >
     <ods-search-icon prefix aria-hidden="true" aria-label="Suchfeld" />
@@ -30,7 +30,7 @@ export class SearchFieldComponent {
   @Input() placeholder: string = EMPTY_STRING;
   @Input() control = new FormControl(EMPTY_STRING);
 
-  @Output() clickInput: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+  @Output() inputClicked: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
 
   clearInput() {
     this.control.setValue(EMPTY_STRING);

alfa-client/libs/design-system/src/lib/instant-search/search-result-item/search-result-item.component.spec.ts

-import { getElementFromFixture } from '@alfa-client/test-utils';
+import { getElementFromFixture, mock } from '@alfa-client/test-utils';
+import { EventEmitter } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { SearchResultItemComponent } from './search-result-item.component';
@@ -22,14 +23,14 @@ describe('SearchResultItemComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  describe('clickItem', () => {
+  describe('itemClicked', () => {
     it('should emit event', () => {
+      component.itemClicked = <any>mock(EventEmitter);
       const button = getElementFromFixture(fixture, getDataTestIdOf('item-button'));
-      const emitSpy = jest.spyOn(component.itemClicked, 'emit');
 
       button.click();
 
-      expect(emitSpy).toHaveBeenCalled();
+      expect(component.itemClicked.emit).toHaveBeenCalled();
     });
   });
 

alfa-client/libs/design-system/src/lib/instant-search/search-result-item/search-result-item.component.ts

@@ -13,7 +13,7 @@ import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@
     ]"
     role="listitem"
     tabindex="-1"
-    (click)="clickItem.emit()"
+    (click)="itemClicked.emit()"
     data-test-id="item-button"
     #button
   >