inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-08 14:51:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-1954] Search Unit test (#5503)

Browse Source 
* [AAE-1954] Search Unit test

* * fixed comments
This commit is contained in:
dhrn
2020-02-24 16:51:42 +05:30
committed by GitHub
parent 53e1940ee7
commit 536e2587ea
2 changed files with 74 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.spec.ts
View File

@@ -16,44 +16,42 @@
*/
import { SearchDateRangeComponent } from './search-date-range.component';
import { of } from 'rxjs';
import { MomentDateAdapter } from '@alfresco/adf-core';
import { MomentDateAdapter, setupTestBed } from '@alfresco/adf-core';
import { DateAdapter } from '@angular/material/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ContentTestingModule } from '../../../testing/content.testing.module';
declare let moment: any;
describe('SearchDateRangeComponent', () => {
describe('component class', () => {
let fixture: ComponentFixture<SearchDateRangeComponent>;
let component: SearchDateRangeComponent;
let adapter: MomentDateAdapter;
const fromDate = '2016-10-16';
const toDate = '2017-10-16';
const localeFixture = 'it';
const dateFormatFixture = 'DD-MMM-YY';
const buildAdapter = (): MomentDateAdapter => {
const dateAdapter = new MomentDateAdapter();
dateAdapter.overrideDisplayFormat = null;
return dateAdapter;
};
const buildUserPreferences = (): any => {
const userPreferences = {
userPreferenceStatus: { LOCALE: localeFixture },
select: (property) => {
return of(userPreferences.userPreferenceStatus[property]);
}
};
return userPreferences;
};
const theDateAdapter = <any> buildAdapter();
setupTestBed({
imports: [
ContentTestingModule
]
});
beforeEach(() => {
component = new SearchDateRangeComponent(theDateAdapter, buildUserPreferences());
fixture = TestBed.createComponent(SearchDateRangeComponent);
adapter = fixture.debugElement.injector.get(DateAdapter);
component = fixture.componentInstance;
});
afterEach(() => fixture.destroy());
it('should use moment adapter', () => {
expect(adapter instanceof MomentDateAdapter).toBe(true);
expect(component.datePickerDateFormat).toBe('DD/MM/YYYY');
});
it('should setup form elements on init', () => {
component.ngOnInit();
fixture.detectChanges();
expect(component.from).toBeDefined();
expect(component.to).toBeDefined();
expect(component.form).toBeDefined();
@@ -61,13 +59,13 @@ describe('SearchDateRangeComponent', () => {
it('should setup the format of the date from configuration', () => {
component.settings = { field: 'cm:created', dateFormat: dateFormatFixture };
component.ngOnInit();
expect(theDateAdapter.overrideDisplayFormat).toBe(dateFormatFixture);
fixture.detectChanges();
expect(adapter.overrideDisplayFormat).toBe(dateFormatFixture);
});
it('should setup form control with formatted valid date on change', () => {
component.settings = { field: 'cm:created', dateFormat: dateFormatFixture };
component.ngOnInit();
fixture.detectChanges();
const inputString = '20-feb-18';
const momentFromInput = moment(inputString, dateFormatFixture);
@@ -79,7 +77,7 @@ describe('SearchDateRangeComponent', () => {
it('should NOT setup form control with invalid date on change', () => {
component.settings = { field: 'cm:created', dateFormat: dateFormatFixture };
component.ngOnInit();
fixture.detectChanges();
const inputString = '20.f.18';
const momentFromInput = moment(inputString, dateFormatFixture);
@@ -90,7 +88,7 @@ describe('SearchDateRangeComponent', () => {
});
it('should reset form', () => {
component.ngOnInit();
fixture.detectChanges();
component.form.setValue({ from: fromDate, to: toDate });
expect(component.from.value).toEqual(fromDate);
@@ -117,7 +115,7 @@ describe('SearchDateRangeComponent', () => {
spyOn(context, 'update').and.stub();
component.ngOnInit();
fixture.detectChanges();
component.reset();
expect(context.queryFragments.createdDateRange).toEqual('');
@@ -137,7 +135,7 @@ describe('SearchDateRangeComponent', () => {
spyOn(context, 'update').and.stub();
component.ngOnInit();
fixture.detectChanges();
component.apply({
from: fromDate,
to: toDate
@@ -150,5 +148,27 @@ describe('SearchDateRangeComponent', () => {
expect(context.queryFragments[component.id]).toEqual(expectedQuery);
expect(context.update).toHaveBeenCalled();
});
it('should show date-format error when Invalid found', async(() => {
fixture.detectChanges();
const input = fixture.debugElement.nativeElement.querySelector('[data-automation-id="date-range-from-input"');
input.value = '10-05-18';
input.dispatchEvent(new Event('focusout'));
fixture.detectChanges();
fixture.whenStable().then(() => {
expect(component.getFromValidationMessage()).toEqual('SEARCH.FILTER.VALIDATION.INVALID-DATE');
});
}));
it('should not show date-format error when valid found', async(() => {
fixture.detectChanges();
const input = fixture.debugElement.nativeElement.querySelector('[data-automation-id="date-range-from-input"');
input.value = '10/10/2018';
input.dispatchEvent(new Event('focusout'));
fixture.detectChanges();
fixture.whenStable().then(() => {
fixture.detectChanges();
expect(component.getFromValidationMessage()).toBeFalsy();
});
}));
});

33
lib/content-services/src/lib/search/components/search-slider/search-slider.component.spec.ts
View File

@@ -17,13 +17,23 @@
import { MatSliderChange } from '@angular/material';
import { SearchSliderComponent } from './search-slider.component';
import { setupTestBed } from '@alfresco/adf-core';
import { ContentTestingModule } from '../../../testing/content.testing.module';
import { ComponentFixture, TestBed } from '@angular/core/testing';
describe('SearchSliderComponent', () => {
let fixture: ComponentFixture<SearchSliderComponent>;
let component: SearchSliderComponent;
setupTestBed({
imports: [
ContentTestingModule
]
});
beforeEach(() => {
component = new SearchSliderComponent();
fixture = TestBed.createComponent(SearchSliderComponent);
component = fixture.componentInstance;
});
it('should setup slider from settings', () => {
@@ -35,7 +45,7 @@ describe('SearchSliderComponent', () => {
};
component.settings = settings;
component.ngOnInit();
fixture.detectChanges();
expect(component.min).toEqual(settings.min);
expect(component.max).toEqual(settings.max);
@@ -64,10 +74,13 @@ describe('SearchSliderComponent', () => {
component.settings = { field: 'cm:content.size' };
component.onChangedHandler(<MatSliderChange> { value: 10 });
const expectedQuery = 'cm:content.size:[0 TO 10]';
expect(context.queryFragments[component.id]).toEqual(expectedQuery);
fixture.detectChanges();
expect(context.queryFragments[component.id]).toEqual('cm:content.size:[0 TO 10]');
expect(context.update).toHaveBeenCalled();
component.onChangedHandler(<MatSliderChange> { value: 20 });
fixture.detectChanges();
expect(context.queryFragments[component.id]).toEqual('cm:content.size:[0 TO 20]');
});
it('should reset the value for query builder', () => {
@@ -88,14 +101,13 @@ describe('SearchSliderComponent', () => {
component.context = context;
component.value = 20;
component.id = 'slider';
component.ngOnInit();
spyOn(context, 'update').and.stub();
fixture.detectChanges();
component.reset();
expect(component.value).toBe(settings.min);
expect(context.queryFragments['slider']).toBe('');
expect(context.queryFragments[component.id]).toBe('');
expect(context.update).toHaveBeenCalled();
});
@@ -117,9 +129,8 @@ describe('SearchSliderComponent', () => {
component.context = context;
component.value = 20;
component.id = 'slider';
component.ngOnInit();
spyOn(context, 'update').and.stub();
fixture.detectChanges();
component.reset();