skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(autocomplete): fix failing test (#12587)

Browse Source
This commit is contained in:
Kristiyan Kostadinov
2018-08-08 18:11:00 +02:00
committed by Joey Perrott
parent 9bd08e7614
commit 796b31a20c
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/autocomplete/autocomplete.spec.ts
+21 -15
View File
@@ -1508,40 +1508,46 @@ describe('MatAutocomplete', () => {
it('should fall back to above position when requested if options are added while ' +
'the panel is open', fakeAsync(() => {
let fixture = createComponent(AutocompleteWithOnPushDelay);
let fixture = createComponent(SimpleAutocomplete);
fixture.componentInstance.states = fixture.componentInstance.states.slice(0, 1);
fixture.componentInstance.filteredStates = fixture.componentInstance.states.slice();
fixture.detectChanges();
let inputEl = fixture.debugElement.query(By.css('input')).nativeElement;
let inputReference = fixture.debugElement.query(By.css('.mat-form-field-flex')).nativeElement;
// Push the element down so it has a little bit of space, but not enough to render.
inputReference.style.bottom = '10px';
inputReference.style.bottom = '75px';
inputReference.style.position = 'fixed';
// Focus the input to load the deferred options.
dispatchFakeEvent(inputEl, 'focusin');
tick(1000);
fixture.detectChanges();
tick();
zone.simulateZoneExit();
fixture.detectChanges();
const inputBottom = inputReference.getBoundingClientRect().bottom;
const panel = overlayContainerElement.querySelector('.mat-autocomplete-panel')!;
const panelTop = panel.getBoundingClientRect().top;
let panel = overlayContainerElement.querySelector('.mat-autocomplete-panel')!;
let inputRect = inputReference.getBoundingClientRect();
let panelRect = panel.getBoundingClientRect();
expect(Math.floor(inputBottom))
.toEqual(Math.floor(panelTop),
expect(Math.floor(panelRect.top))
.toBe(Math.floor(inputRect.bottom),
`Expected panel top to be below input before repositioning.`);
for (let i = 0; i < 20; i++) {
fixture.componentInstance.filteredStates.push({code: 'FK', name: 'Fake State'});
fixture.detectChanges();
}
// Request a position update now that there are too many suggestions to fit in the viewport.
fixture.componentInstance.trigger.updatePosition();
const inputTop = inputReference.getBoundingClientRect().top;
const panelBottom = panel.getBoundingClientRect().bottom;
inputRect = inputReference.getBoundingClientRect();
panelRect = panel.getBoundingClientRect();
expect(Math.floor(inputTop))
.toEqual(Math.floor(panelBottom),
expect(Math.floor(panelRect.bottom))
.toBe(Math.floor(inputRect.top),
`Expected panel to fall back to above position after repositioning.`);
tick();
}));
it('should not throw if a panel reposition is requested while the panel is closed', () => {