.
+ */
+
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SearchInputComponent } from './search-input.component';
import { NO_ERRORS_SCHEMA } from '@angular/core';
import { MatError } from '@angular/material/form-field';
+import { AppStore } from '@alfresco/aca-shared/store';
import { By } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';
import { AppTestingModule } from '../../../testing/app-testing.module';
+import { SearchInputComponent } from './search-input.component';
import { SearchInputControlComponent } from '../search-input-control/search-input-control.component';
+import { Store } from '@ngrx/store';
+import { of } from 'rxjs';
describe('SearchInputComponent', () => {
let fixture: ComponentFixture
;
let component: SearchInputComponent;
-
+ let store: jasmine.SpyObj>;
beforeEach(async () => {
+ const storeSpy = jasmine.createSpyObj>('Store', ['dispatch', 'pipe']);
+
await TestBed.configureTestingModule({
imports: [AppTestingModule, ReactiveFormsModule, SearchInputComponent, SearchInputControlComponent],
- schemas: [NO_ERRORS_SCHEMA]
+ providers: [{ provide: Store, useValue: storeSpy }],
+ schemas: [NO_ERRORS_SCHEMA]
}).compileComponents();
fixture = TestBed.createComponent(SearchInputComponent);
component = fixture.componentInstance;
-
- // (component as any).searchInputControl = mockControl;
+ store = TestBed.inject(Store) as jasmine.SpyObj>;
+ store.pipe.and.returnValue(of([]));
fixture.detectChanges();
});
- describe('Validation Behavior', () => {
- function getFirstError(): string {
- const error = fixture.debugElement.query(By.directive(MatError));
- return error?.nativeElement.textContent.trim();
- }
+ function getFirstError(): string {
+ const error = fixture.debugElement.query(By.directive(MatError));
+ return error?.nativeElement.textContent.trim();
+ }
- it('should show required error when field is empty and touched', () => {
- component.searchInputControl.searchFieldFormControl.setValue('');
- component.searchInputControl.searchFieldFormControl.markAsTouched();
- fixture.detectChanges();
+ function openSearchContainer(): void {
+ const menuButton = fixture.debugElement.query(By.css('.app-search-container'));
+ menuButton?.nativeElement.click();
+ fixture.detectChanges();
+ }
- const error = getFirstError();
- fixture.detectChanges();
- expect(error).toBe('SEARCH.INPUT.REQUIRED');
- });
+ it('should show required error when field is empty and touched', () => {
+ openSearchContainer();
+ component.searchInputControl.searchFieldFormControl.setValue('');
+ component.searchInputControl.searchFieldFormControl.markAsTouched();
+ fixture.detectChanges();
+ expect(getFirstError()).toBe('SEARCH.INPUT.REQUIRED');
+ });
- // it('should not show error when field has value', () => {
- // mockControl.searchFieldFormControl.setValue('test');
- // mockControl.searchFieldFormControl.markAsTouched();
- // fixture.detectChanges();
+ it('should not show error when field has value', () => {
+ openSearchContainer();
+ component.searchInputControl.searchFieldFormControl.setValue('test');
+ component.searchInputControl.searchFieldFormControl.markAsTouched();
+ fixture.detectChanges();
+ const error = fixture.debugElement.query(By.directive(MatError));
+ expect(error).toBeNull();
+ });
- // const error = fixture.debugElement.query(By.directive(MatError));
- // expect(error).toBeNull();
- // });
+ it('should not show error when field is untouched', () => {
+ openSearchContainer();
+ component.searchInputControl.searchFieldFormControl.setValue('');
+ component.searchInputControl.searchFieldFormControl.markAsUntouched();
+ fixture.detectChanges();
+ const error = fixture.debugElement.query(By.directive(MatError));
+ expect(error).toBeNull();
+ });
- // it('should not show error when field is untouched', () => {
- // mockControl.searchFieldFormControl.setValue('');
- // mockControl.searchFieldFormControl.markAsUntouched();
- // fixture.detectChanges();
+ it('should dispatch SearchByTermAction when libraries are checked and term is new', () => {
+ spyOn(component as any, 'isLibrariesChecked').and.returnValue(true);
+ spyOn(component as any, 'isFoldersChecked').and.returnValue(false);
+ spyOn(component as any, 'isFilesChecked').and.returnValue(false);
+ component.searchedWord = 'test';
+ component.onSearchSubmit('Enter');
+ expect(store.dispatch).toHaveBeenCalled();
+ });
- // const error = fixture.debugElement.query(By.directive(MatError));
- // expect(error).toBeNull();
- // });
+ it('should not dispatch SearchByTermAction when no checkboxes are selected and term is empty', () => {
+ store.dispatch.calls.reset();
+
+ spyOn(component as any, 'isLibrariesChecked').and.returnValue(false);
+ spyOn(component as any, 'isFoldersChecked').and.returnValue(false);
+ spyOn(component as any, 'isFilesChecked').and.returnValue(false);
+
+ component.searchedWord = '';
+ component.onSearchSubmit({ target: { value: '' } });
+
+ expect(store.dispatch).not.toHaveBeenCalled();
});
});
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.ts b/projects/aca-content/src/lib/components/search/search-input/search-input.component.ts
index ebec77c0a..39fd00a23 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.ts
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.ts
@@ -213,8 +213,8 @@ export class SearchInputComponent implements OnInit, OnDestroy {
this.hasLibrariesConstraint = this.evaluateLibrariesConstraint();
if (this.onLibrariesSearchResults && this.isSameSearchTerm()) {
this.queryLibrariesBuilder.update();
- } else if (this.searchedWord) {
- this.store.dispatch(new SearchByTermAction(this.searchedWord, this.searchOptions));
+ } else if (searchTerm) {
+ this.store.dispatch(new SearchByTermAction(searchTerm, this.searchOptions));
}
} else {
if (this.isFoldersChecked() && !this.isFilesChecked()) {
@@ -227,8 +227,8 @@ export class SearchInputComponent implements OnInit, OnDestroy {
if (this.onSearchResults && this.isSameSearchTerm()) {
this.queryBuilder.update();
- } else if (this.searchedWord) {
- this.store.dispatch(new SearchByTermAction(this.searchedWord, this.searchOptions));
+ } else if (searchTerm) {
+ this.store.dispatch(new SearchByTermAction(searchTerm, this.searchOptions));
}
}
}