-
+
-
-
-
-
-
-
+
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/lib/content-services/src/lib/search/components/search-control.component.scss b/lib/content-services/src/lib/search/components/search-control.component.scss
index d2889894e6..9c00206bd1 100644
--- a/lib/content-services/src/lib/search/components/search-control.component.scss
+++ b/lib/content-services/src/lib/search/components/search-control.component.scss
@@ -7,38 +7,8 @@
$mat-menu-overlay-min-width: 112px !default; // 56 * 2
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
- .adf-search-container {
- overflow: hidden !important;
- }
-
- .adf-search-button {
- left: -13px;
- }
-
- [dir='rtl'] .adf-search-button {
- right: -13px;
- }
-
- [dir='ltr'] .adf-search-button {
- left: -13px;
- }
-
.adf {
- &-search-fixed-text {
- line-height: normal;
- }
-
- &-input-form-field-divider {
- .mat-form-field-underline {
- background-color: mat-color($primary, 50);
- .mat-form-field-ripple {
- background-color: mat-color($primary, 50);
- }
- }
- font-size: 16px;
- }
-
&-search-result-autocomplete {
@include mat-overridable-elevation(2);
@@ -74,8 +44,4 @@
}
}
}
-
- .adf-highlight {
- color: mat-color($primary, 900);
- }
}
diff --git a/lib/content-services/src/lib/search/components/search-control.component.spec.ts b/lib/content-services/src/lib/search/components/search-control.component.spec.ts
index 80655d2ae0..68203ee202 100644
--- a/lib/content-services/src/lib/search/components/search-control.component.spec.ts
+++ b/lib/content-services/src/lib/search/components/search-control.component.spec.ts
@@ -16,19 +16,19 @@
*/
import { Component, DebugElement, ViewChild } from '@angular/core';
-import { async, discardPeriodicTasks, fakeAsync, ComponentFixture, TestBed, tick } from '@angular/core/testing';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import {
AuthenticationService,
SearchService,
setupTestBed,
CoreModule,
- UserPreferencesService
+ UserPreferencesService,
+ SearchTextInputComponent
} from '@alfresco/adf-core';
import { ThumbnailService } from '@alfresco/adf-core';
import { noResult, results } from '../../mock';
import { SearchControlComponent } from './search-control.component';
-import { SearchTriggerDirective } from './search-trigger.directive';
import { SearchComponent } from './search.component';
import { EmptySearchResultComponent } from './empty-search-result.component';
import { of } from 'rxjs';
@@ -51,6 +51,9 @@ export class SimpleSearchTestCustomEmptyComponent {
@ViewChild(SearchControlComponent)
searchComponent: SearchControlComponent;
+ @ViewChild(SearchTextInputComponent)
+ searchTextInputComponent: SearchTextInputComponent;
+
constructor() {
}
@@ -82,7 +85,6 @@ describe('SearchControlComponent', () => {
declarations: [
SearchControlComponent,
SearchComponent,
- SearchTriggerDirective,
EmptySearchResultComponent,
SimpleSearchTestCustomEmptyComponent
],
@@ -104,6 +106,7 @@ describe('SearchControlComponent', () => {
element = fixture.nativeElement;
searchServiceSpy = spyOn(searchService, 'search').and.returnValue(of(''));
+ fixture.detectChanges();
});
afterEach(() => {
@@ -139,24 +142,8 @@ describe('SearchControlComponent', () => {
fixture.detectChanges();
});
- it('should update FAYT search when user inputs a valid term', (done) => {
- typeWordIntoSearchInput('customSearchTerm');
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
- searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
-
- fixture.detectChanges();
- fixture.whenStable().then(() => {
- fixture.detectChanges();
- expect(element.querySelector('#result_option_0')).not.toBeNull();
- expect(element.querySelector('#result_option_1')).not.toBeNull();
- expect(element.querySelector('#result_option_2')).not.toBeNull();
- done();
- });
- });
-
it('should NOT update FAYT term when user inputs an empty string as search term ', (done) => {
typeWordIntoSearchInput('');
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
fixture.detectChanges();
@@ -183,23 +170,6 @@ describe('SearchControlComponent', () => {
});
});
- describe('expandable option false', () => {
-
- beforeEach(() => {
- component.expandable = false;
- fixture.detectChanges();
- });
-
- it('search button should be hide', () => {
- const searchButton: any = element.querySelector('#adf-search-button');
- expect(searchButton).toBe(null);
- });
-
- it('should not have animation', () => {
- expect(component.subscriptAnimationState.value).toBe('no-animation');
- });
- });
-
describe('component rendering', () => {
it('should display a text input field by default', async(() => {
@@ -215,18 +185,6 @@ describe('SearchControlComponent', () => {
expect(attr).toBe('off');
}));
- it('should display a search input field when specified', async(() => {
- component.inputType = 'search';
- fixture.detectChanges();
- expect(element.querySelectorAll('input[type="search"]').length).toBe(1);
- }));
-
- it('should set browser autocomplete to on when configured', async(() => {
- component.autocomplete = true;
- fixture.detectChanges();
- expect(element.querySelector('#adf-control-input').getAttribute('autocomplete')).toBe('on');
- }));
-
});
describe('autocomplete list', () => {
@@ -241,8 +199,8 @@ describe('SearchControlComponent', () => {
});
it('should make autocomplete list control visible when search box has focus and there is a search result', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
fixture.detectChanges();
typeWordIntoSearchInput('TEST');
@@ -255,8 +213,8 @@ describe('SearchControlComponent', () => {
});
});
- it('should show autocomplete list noe results when search box has focus and there is search result with length 0', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+ it('should show autocomplete list no results when search box has focus and there is search result with length 0', (done) => {
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(noResult));
fixture.detectChanges();
@@ -271,8 +229,8 @@ describe('SearchControlComponent', () => {
});
it('should hide autocomplete list results when the search box loses focus', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
fixture.detectChanges();
const inputDebugElement = debugElement.query(By.css('#adf-control-input'));
@@ -292,8 +250,8 @@ describe('SearchControlComponent', () => {
});
it('should keep autocomplete list control visible when user tabs into results', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
fixture.detectChanges();
const inputDebugElement = debugElement.query(By.css('#adf-control-input'));
@@ -313,8 +271,8 @@ describe('SearchControlComponent', () => {
});
it('should close the autocomplete when user press ESCAPE', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
fixture.detectChanges();
const inputDebugElement = debugElement.query(By.css('#adf-control-input'));
@@ -337,7 +295,7 @@ describe('SearchControlComponent', () => {
});
it('should close the autocomplete when user press ENTER on input', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
fixture.detectChanges();
@@ -361,7 +319,7 @@ describe('SearchControlComponent', () => {
});
it('should focus input element when autocomplete list is cancelled', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
fixture.detectChanges();
@@ -393,108 +351,10 @@ describe('SearchControlComponent', () => {
});
- describe('search button', () => {
-
- it('should NOT display a autocomplete list control when configured not to', fakeAsync(() => {
- fixture.detectChanges();
-
- tick(100);
-
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
- component.subscriptAnimationState.value = 'active';
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('active');
-
- searchButton.triggerEventHandler('click', null);
- fixture.detectChanges();
-
- tick(100);
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('inactive');
- discardPeriodicTasks();
- }));
-
- it('click on the search button should open the input box when is close', fakeAsync(() => {
- fixture.detectChanges();
-
- tick(100);
-
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
- searchButton.triggerEventHandler('click', null);
-
- tick(100);
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('active');
- discardPeriodicTasks();
- }));
-
- it('Search button should not change the input state too often', fakeAsync(() => {
- fixture.detectChanges();
-
- tick(100);
-
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
- component.subscriptAnimationState.value = 'active';
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('active');
- searchButton.triggerEventHandler('click', null);
- fixture.detectChanges();
-
- tick(100);
-
- searchButton.triggerEventHandler('click', null);
- fixture.detectChanges();
-
- tick(100);
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('inactive');
- discardPeriodicTasks();
- }));
-
- it('Search bar should close when user press ESC button', fakeAsync(() => {
- fixture.detectChanges();
-
- tick(100);
-
- const inputDebugElement = debugElement.query(By.css('#adf-control-input'));
- component.subscriptAnimationState.value = 'active';
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('active');
-
- inputDebugElement.triggerEventHandler('keyup.escape', {});
-
- tick(100);
- fixture.detectChanges();
-
- tick(100);
-
- expect(component.subscriptAnimationState.value).toBe('inactive');
- discardPeriodicTasks();
- }));
- });
-
describe('option click', () => {
it('should emit a option clicked event when item is clicked', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
const clickDisposable = component.optionClicked.subscribe((item) => {
expect(item.entry.id).toBe('123');
@@ -512,10 +372,10 @@ describe('SearchControlComponent', () => {
});
it('should set deactivate the search after element is clicked', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
const clickDisposable = component.optionClicked.subscribe(() => {
- expect(component.subscriptAnimationState.value).toBe('inactive');
+ expect(component.searchTextInput.subscriptAnimationState.value).toBe('inactive');
clickDisposable.unsubscribe();
done();
});
@@ -531,11 +391,11 @@ describe('SearchControlComponent', () => {
});
it('should NOT reset the search term after element is clicked', (done) => {
- spyOn(component, 'isSearchBarActive').and.returnValue(true);
+ spyOn(component.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(JSON.parse(JSON.stringify(results))));
const clickDisposable = component.optionClicked.subscribe(() => {
- expect(component.searchTerm).not.toBeFalsy();
- expect(component.searchTerm).toBe('TEST');
+ expect(component.searchTextInput.searchTerm).not.toBeFalsy();
+ expect(component.searchTextInput.searchTerm).toBe('TEST');
clickDisposable.unsubscribe();
done();
});
@@ -557,13 +417,16 @@ describe('SearchControlComponent', () => {
fixtureCustom = TestBed.createComponent(SimpleSearchTestCustomEmptyComponent);
componentCustom = fixtureCustom.componentInstance;
elementCustom = fixtureCustom.nativeElement;
+ fixture.detectChanges();
});
it('should display the custom no results when it is configured', (done) => {
const noResultCustomMessage = 'BANDI IS NOTHING';
- spyOn(componentCustom.searchComponent, 'isSearchBarActive').and.returnValue(true);
- componentCustom.setCustomMessageForNoResult(noResultCustomMessage);
+ spyOn(componentCustom.searchComponent, 'isLoggedIn').and.returnValue(true);
+ fixtureCustom.detectChanges();
+ spyOn(componentCustom.searchComponent.searchTextInput, 'isSearchBarActive').and.returnValue(true);
searchServiceSpy.and.returnValue(of(noResult));
+ componentCustom.setCustomMessageForNoResult(noResultCustomMessage);
fixtureCustom.detectChanges();
const inputDebugElement = fixtureCustom.debugElement.query(By.css('#adf-control-input'));
@@ -589,82 +452,14 @@ describe('SearchControlComponent', () => {
it('should have positive transform translation', () => {
userPreferencesService.setWithoutStore('textOrientation', 'ltr');
fixture.detectChanges();
- expect(component.subscriptAnimationState.params.transform).toBe('translateX(82%)');
+ expect(component.searchTextInput.subscriptAnimationState.params.transform).toBe('translateX(82%)');
});
it('should have negative transform translation ', () => {
userPreferencesService.setWithoutStore('textOrientation', 'rtl');
fixture.detectChanges();
- expect(component.subscriptAnimationState.params.transform).toBe('translateX(-82%)');
+ expect(component.searchTextInput.subscriptAnimationState.params.transform).toBe('translateX(-82%)');
});
});
-
- describe('toggle animation', () => {
- beforeEach(() => {
- fixture.detectChanges();
- });
-
- it('should have margin-left set when active and direction is ltr', fakeAsync(() => {
- userPreferencesService.setWithoutStore('textOrientation', 'ltr');
- fixture.detectChanges();
-
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
-
- searchButton.triggerEventHandler('click', null);
- tick(100);
- fixture.detectChanges();
- tick(100);
-
- expect(component.subscriptAnimationState.params).toEqual({ 'margin-left': 13 });
- discardPeriodicTasks();
- }));
-
- it('should have positive transform translateX set when inactive and direction is ltr', fakeAsync(() => {
- userPreferencesService.setWithoutStore('textOrientation', 'ltr');
- component.subscriptAnimationState.value = 'active';
-
- fixture.detectChanges();
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
-
- searchButton.triggerEventHandler('click', null);
- tick(100);
- fixture.detectChanges();
- tick(100);
-
- expect(component.subscriptAnimationState.params).toEqual({ 'transform': 'translateX(82%)' });
- discardPeriodicTasks();
- }));
-
- it('should have margin-right set when active and direction is rtl', fakeAsync(() => {
- userPreferencesService.setWithoutStore('textOrientation', 'rtl');
- fixture.detectChanges();
-
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
-
- searchButton.triggerEventHandler('click', null);
- tick(100);
- fixture.detectChanges();
- tick(100);
-
- expect(component.subscriptAnimationState.params).toEqual({ 'margin-right': 13 });
- discardPeriodicTasks();
- }));
-
- it('should have negative transform translateX set when inactive and direction is rtl', fakeAsync(() => {
- userPreferencesService.setWithoutStore('textOrientation', 'rtl');
- component.subscriptAnimationState.value = 'active';
-
- fixture.detectChanges();
- const searchButton: DebugElement = debugElement.query(By.css('#adf-search-button'));
-
- searchButton.triggerEventHandler('click', null);
- tick(100);
- fixture.detectChanges();
- tick(100);
-
- expect(component.subscriptAnimationState.params).toEqual({ 'transform': 'translateX(-82%)' });
- discardPeriodicTasks();
- }));
- });
});
});
diff --git a/lib/content-services/src/lib/search/components/search-control.component.ts b/lib/content-services/src/lib/search/components/search-control.component.ts
index 2c26c9e5be..a384ab0211 100644
--- a/lib/content-services/src/lib/search/components/search-control.component.ts
+++ b/lib/content-services/src/lib/search/components/search-control.component.ts
@@ -15,33 +15,23 @@
* limitations under the License.
*/
-import { AuthenticationService, ThumbnailService, UserPreferencesService } from '@alfresco/adf-core';
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output,
- QueryList, ViewEncapsulation, ViewChild, ViewChildren, ElementRef, TemplateRef, ContentChild } from '@angular/core';
+import { AuthenticationService, ThumbnailService, SearchTextInputComponent } from '@alfresco/adf-core';
+import { Component, EventEmitter, Input, OnDestroy, Output,
+ QueryList, ViewEncapsulation, ViewChild, ViewChildren, TemplateRef, ContentChild } from '@angular/core';
import { NodeEntry } from '@alfresco/js-api';
-import { Observable, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
import { SearchComponent } from './search.component';
-import { searchAnimation } from './animations';
import { MatListItem } from '@angular/material';
import { EmptySearchResultComponent } from './empty-search-result.component';
-import { debounceTime, filter, takeUntil } from 'rxjs/operators';
-import { Direction } from '@angular/cdk/bidi';
@Component({
selector: 'adf-search-control',
templateUrl: './search-control.component.html',
styleUrls: ['./search-control.component.scss'],
- animations: [searchAnimation],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-control' }
})
-export class SearchControlComponent implements OnInit, OnDestroy {
-
- /** Toggles whether to use an expanding search control. If false
- * then a regular input is used.
- */
- @Input()
- expandable: boolean = true;
+export class SearchControlComponent implements OnDestroy {
/** Toggles highlighting of the search term in the results. */
@Input()
@@ -51,13 +41,19 @@ export class SearchControlComponent implements OnInit, OnDestroy {
@Input()
inputType: string = 'text';
+ /** Toggles "find-as-you-type" suggestions for possible matches. */
+ @Input()
+ liveSearchEnabled: boolean = true;
+
/** Toggles auto-completion of the search input field. */
@Input()
autocomplete: boolean = false;
- /** Toggles "find-as-you-type" suggestions for possible matches. */
+ /** Toggles whether to use an expanding search control. If false
+ * then a regular input is used.
+ */
@Input()
- liveSearchEnabled: boolean = true;
+ expandable: boolean = true;
/** Maximum number of results to show in the live search. */
@Input()
@@ -81,87 +77,34 @@ export class SearchControlComponent implements OnInit, OnDestroy {
@Output()
optionClicked: EventEmitter- {{ item?.entry.name }} -
-{{item?.entry.createdByUser.displayName}}
-{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: - searchTerm} }}
-+ {{ item?.entry.name }} +
+{{item?.entry.createdByUser.displayName}}
+{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm: + searchTerm} }}
+
-
-
-
- close
-
-
- search
-
\ No newline at end of file
diff --git a/lib/core/search-cloud/components/search-text-cloud/search-text-cloud.component.spec.ts b/lib/core/search-cloud/components/search-text-cloud/search-text-cloud.component.spec.ts
deleted file mode 100644
index 6c598b9e06..0000000000
--- a/lib/core/search-cloud/components/search-text-cloud/search-text-cloud.component.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { SearchTextCloudComponent } from './search-text-cloud.component';
-import { ComponentFixture, TestBed, async } from '@angular/core/testing';
-import { setupTestBed } from 'core';
-import { CoreTestingModule } from '../../../testing/core.testing.module';
-import { SearchCloudService } from '../../../services/search-cloud.service';
-
-describe('SearchTextCloudComponent', () => {
-
- let fixture: ComponentFixture
+
\ No newline at end of file
diff --git a/lib/core/search-text/search-text-input.component.scss b/lib/core/search-text/search-text-input.component.scss
new file mode 100644
index 0000000000..ae89070c3a
--- /dev/null
+++ b/lib/core/search-text/search-text-input.component.scss
@@ -0,0 +1,46 @@
+@mixin adf-search-text-input-theme($theme) {
+ $background: map-get($theme, background);
+ $foreground: map-get($theme, foreground);
+ $primary: map-get($theme, primary);
+ $accent: map-get($theme, accent);
+ $mat-menu-border-radius: 2px !default;
+ $mat-menu-overlay-min-width: 112px !default; // 56 * 2
+ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
+
+ .adf-search-container {
+ overflow: hidden !important;
+ }
+
+ .adf-search-button {
+ left: -13px;
+ }
+
+ [dir='rtl'] .adf-search-button {
+ right: -13px;
+ }
+
+ [dir='ltr'] .adf-search-button {
+ left: -13px;
+ }
+
+ .adf {
+
+ &-search-fixed-text {
+ line-height: normal;
+ }
+
+ &-input-form-field-divider {
+ .mat-form-field-underline {
+ background-color: mat-color($primary, 50);
+ .mat-form-field-ripple {
+ background-color: mat-color($primary, 50);
+ }
+ }
+ font-size: 16px;
+ }
+ }
+
+ .adf-highlight {
+ color: mat-color($primary, 900);
+ }
+}
diff --git a/lib/core/search-text/search-text-input.component.spec.ts b/lib/core/search-text/search-text-input.component.spec.ts
new file mode 100644
index 0000000000..0d46bbe486
--- /dev/null
+++ b/lib/core/search-text/search-text-input.component.spec.ts
@@ -0,0 +1,248 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ComponentFixture, TestBed, discardPeriodicTasks, fakeAsync, tick, async } from '@angular/core/testing';
+import { setupTestBed, UserPreferencesService } from 'core';
+import { CoreTestingModule } from '../testing/core.testing.module';
+import { SearchTextInputComponent } from './search-text-input.component';
+import { DebugElement } from '@angular/core';
+import { By } from '@angular/platform-browser';
+import { Subject } from 'rxjs';
+
+describe('SearchTextInputComponent', () => {
+
+ let fixture: ComponentFixture
+
+
+
+
+
+