chore(tests): update failinf filtering test

Author: dkamburov

projects/igniteui-angular/src/lib/grids/grid/grid-filtering-ui.spec.ts

@@ -46,6 +46,7 @@ import {
 import { HelperUtils } from '../../test-utils/helper-utils.spec';
 import { GridSelectionMode, FilterMode } from '../common/enums';
 
+const DEBOUNCETIME = 30;
 const FILTER_UI_ROW = 'igx-grid-filtering-row';
 const FILTER_UI_CELL = 'igx-grid-filtering-cell';
 const FILTER_UI_SCROLL_START_CLASS = '.igx-grid__filtering-row-scroll-start';
@@ -2864,9 +2865,9 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             expect(GridFunctions.getCurrentCellFromGrid(grid, 1, 1).value).toBe('Ignite UI for Angular');
         }));
 
-        it('Verify filter cell chip is scrolled into view on click.', fakeAsync(() => {
+        it('Verify filter cell chip is scrolled into view on click.', async () => {
             grid.width = '470px';
-            tick(100);
+            await wait(DEBOUNCETIME);
             fix.detectChanges();
 
             // Verify 'ReleaseDate' filter chip is not fully visible.
@@ -2877,11 +2878,11 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
                 'chip should not be fully visible and thus not within grid');
 
             GridFunctions.clickFilterCellChip(fix, 'ReleaseDate');
-            tick(100);
+            await wait(DEBOUNCETIME);
             fix.detectChanges();
 
-            GridFunctions.closeFilterRow(fix);
-            tick(100);
+            grid.filteringRow.close();
+            await wait();
             fix.detectChanges();
 
             // Verify 'ReleaseDate' filter chip is fully visible.
@@ -2890,7 +2891,7 @@ describe('IgxGrid - Filtering Row UI actions #grid', () => {
             gridRect = grid.nativeElement.getBoundingClientRect();
             expect(chipRect.left > gridRect.left && chipRect.right < gridRect.right).toBe(true,
                 'chip should be fully visible and within grid');
-        }));
+        });
 
         it('Verify condition chips are scrolled into/(out of) view by using arrow buttons.', (async () => {
             grid.width = '700px';