mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
[ACS-4985] Added test cases for SearchDateRangeAdvancedComponent. Minor update to test cases for SearchFilterTabbedComponent
This commit is contained in:
swapnil.verma
committed by
Jatin_Chugh
Jatin_Chugh
parent
ccb4b4c52d
commit
9b38a8b48b
+164
-11
@@ -1,6 +1,7 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { SearchDateRangeAdvancedComponent } from './search-date-range-advanced.component';
|
||||
import { By } from '@angular/platform-browser';
|
||||
|
||||
describe('SearchDateRangeAdvancedComponent', () => {
|
||||
let component: SearchDateRangeAdvancedComponent;
|
||||
@@ -9,44 +10,196 @@ describe('SearchDateRangeAdvancedComponent', () => {
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [SearchDateRangeAdvancedComponent]
|
||||
})
|
||||
.compileComponents();
|
||||
}).compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(SearchDateRangeAdvancedComponent);
|
||||
component = fixture.componentInstance;
|
||||
component.id = 'date-range-advanced';
|
||||
component.context = {
|
||||
queryFragments: {
|
||||
date: ''
|
||||
},
|
||||
update: jasmine.createSpy()
|
||||
} as any;
|
||||
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should not set any date filter in context when Anytime option is selected', () => {
|
||||
const getElementByDataAutomationId = (dataAutomationId) => {
|
||||
return fixture.debugElement.query(By.css(`[data-automation-id="${dataAutomationId}"]`)).nativeElement;
|
||||
}
|
||||
|
||||
const clickElementByAutomationId = async (elementDataAutomationId) => {
|
||||
const el = getElementByDataAutomationId(elementDataAutomationId);
|
||||
el.dispatchEvent(new Event('click'));
|
||||
await fixture.whenStable();
|
||||
fixture.detectChanges();
|
||||
}
|
||||
|
||||
const enterValueInInputField = async (inputElementId: string, value: string) => {
|
||||
const inputField = getElementByDataAutomationId(inputElementId);
|
||||
inputField.value = value;
|
||||
inputField.dispatchEvent(new Event('input'));
|
||||
await fixture.whenStable();
|
||||
fixture.detectChanges();
|
||||
}
|
||||
|
||||
const selectDropdownOption = (itemId: string) => {
|
||||
const matSelect = fixture.debugElement.query(By.css('[data-automation-id="date-range-advanced-in-last-dropdown"]')).nativeElement;
|
||||
matSelect.click();
|
||||
fixture.detectChanges();
|
||||
const matOption = fixture.debugElement.query(By.css(`[data-automation-id="${itemId}"]`)).nativeElement;
|
||||
matOption.click();
|
||||
fixture.detectChanges();
|
||||
};
|
||||
|
||||
it('should not set any date filter in context when Anytime option is selected', async () => {
|
||||
await clickElementByAutomationId('date-range-advanced-anytime');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
expect(component.context.queryFragments[component.id]).toBe('');
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('should set proper date filter in context when In the last option is selected', () => {
|
||||
it('should set proper date filter in context when In the last option is selected', async () => {
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '5');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-days')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
let query = '[NOW/DAY-5DAYS TO NOW/DAY+1DAY]';
|
||||
expect(component.context.queryFragments[component.id]).toBe(query);
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '3');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-weeks');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
query = '[NOW/DAY-3WEEKS TO NOW/DAY+1DAY]';
|
||||
expect(component.context.queryFragments[component.id]).toBe(query);
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '6');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-months');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
query = '[NOW/DAY-6MONTHS TO NOW/DAY+1DAY]';
|
||||
expect(component.context.queryFragments[component.id]).toBe(query);
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('should not set any date filter in context when In the last option is selected, but no value is provided', () => {
|
||||
it('should not set any date filter in context when In the last or Between option is selected, but no value is provided', async () => {
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-weeks')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
expect(component.context.queryFragments[component.id]).toBe('');
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-between');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
expect(component.context.queryFragments[component.id]).toBe('');
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('should set proper date filter in context when Between option is selected', () => {
|
||||
|
||||
it('should set proper date filter in context when Between option is selected', async () => {
|
||||
// TODO might need to get updated with date-fns
|
||||
await clickElementByAutomationId('date-range-advanced-between');
|
||||
await enterValueInInputField('date-range-advanced-between-start-input', '05/06/2023');
|
||||
await enterValueInInputField('date-range-advanced-between-end-input', '10/06/2023');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
let query = '[NOW/DAY-5DAYS TO NOW/DAY+1DAY]';
|
||||
expect(component.context.queryFragments[component.id]).toBe(query);
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('should not set any date filter in context when Between option is selected, but no value is provided in the dates', () => {
|
||||
|
||||
it('should clear context when widget is reset', async () => {
|
||||
component.context.queryFragments[component.id] = '[NOW/DAY-5DAYS TO NOW/DAY+1DAY]';
|
||||
await clickElementByAutomationId('date-range-advanced-clear-btn');
|
||||
expect(component.context.queryFragments[component.id]).toBe('');
|
||||
expect(component.context.update).toHaveBeenCalled();
|
||||
});
|
||||
|
||||
it('should clear context when widget is reset', () => {
|
||||
it('should update display label with proper text when In the last/Between option is selected and values are properly set', async () => {
|
||||
spyOn(component.displayValue$, 'next');
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '5');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-days')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('In the last 5 days');
|
||||
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '3');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-weeks')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('In the last 3 weeks');
|
||||
|
||||
await enterValueInInputField('date-range-advanced-in-last-input', '7');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-months')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('In the last 7 months');
|
||||
|
||||
//TODO: Might need to be updated with date-fns
|
||||
await clickElementByAutomationId('date-range-advanced-between');
|
||||
await enterValueInInputField('date-range-advanced-between-start-input', '05/06/2023');
|
||||
await enterValueInInputField('date-range-advanced-between-end-input', '10/06/2023');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('Between 05-Jun-2023 - 10-Jun-2023');
|
||||
});
|
||||
|
||||
it('should update display label with proper text when In the last/Between option is selected and values are properly set', () => {
|
||||
it('should not update display label if anytime option is selected', async() => {
|
||||
spyOn(component.displayValue$, 'next');
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-anytime');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('');
|
||||
});
|
||||
|
||||
it('should not update display label if no valid value was provided', async () => {
|
||||
spyOn(component.displayValue$, 'next');
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-in-last');
|
||||
await selectDropdownOption('date-range-advanced-in-last-option-weeks')
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('');
|
||||
|
||||
await clickElementByAutomationId('date-range-advanced-between');
|
||||
await clickElementByAutomationId('date-range-advanced-apply-btn');
|
||||
fixture.detectChanges();
|
||||
expect(component.displayValue$.next).toHaveBeenCalledWith('');
|
||||
});
|
||||
|
||||
it('should set values if initial value is provided', () => {
|
||||
let value: any = {
|
||||
dateRangeType: component.DateRangeType.ANY
|
||||
}
|
||||
component.startValue = value;
|
||||
component.ngOnInit();
|
||||
expect(component.getCurrentValue()).toBe(value);
|
||||
|
||||
value = {
|
||||
dateRangeType: component.DateRangeType.IN_LAST,
|
||||
inLastValue: 5,
|
||||
inLastValueType: component.InLastDateType.WEEKS
|
||||
}
|
||||
component.startValue = value;
|
||||
component.ngOnInit();
|
||||
expect(component.getCurrentValue()).toBe(value);
|
||||
|
||||
//TODO: Might need to be changed after date-fns
|
||||
value = {
|
||||
dateRangeType: component.DateRangeType.BETWEEN,
|
||||
betweenStartDate: '05/06/2023',
|
||||
betweenEndDate: '10/06/2023'
|
||||
}
|
||||
component.startValue = value;
|
||||
component.ngOnInit();
|
||||
expect(component.getCurrentValue()).toBe(value);
|
||||
});
|
||||
|
||||
it('should not allow selecting a date after the current date when Between option is selected', () => {
|
||||
|
||||
+1
-3
@@ -26,8 +26,7 @@ describe('SearchFilterTabbedComponent', () => {
|
||||
field1: '',
|
||||
field2: ''
|
||||
},
|
||||
update: () => {
|
||||
}
|
||||
update: jasmine.createSpy()
|
||||
} as any;
|
||||
component.settings = {
|
||||
field: undefined,
|
||||
@@ -79,7 +78,6 @@ describe('SearchFilterTabbedComponent', () => {
|
||||
component.widgetContainerComponentList.forEach(widget => {
|
||||
spyOn(widget, 'applyInnerWidget');
|
||||
});
|
||||
spyOn(component.context, 'update');
|
||||
const resetButton = getButtonByDataAutomationId('tab-apply-btn');
|
||||
resetButton.dispatchEvent(new Event('click'));
|
||||
fixture.detectChanges();
|
||||
|
||||
Reference in New Issue
Block a user