mdc table tests

Author: kseamon

src/material-experimental/mdc-table/table.spec.ts

@@ -3,6 +3,7 @@ import {
   waitForAsync,
   ComponentFixture,
   fakeAsync,
+  flush,
   flushMicrotasks,
   TestBed,
   tick,
@@ -214,6 +215,7 @@ describe('MDC-based MatTable', () => {
 
     const stuckCellElement = fixture.nativeElement.querySelector('table th')!;
     expect(stuckCellElement.classList).toContain('mat-mdc-table-sticky');
+    flush();
   }));
 
   // Note: needs to be fakeAsync so it catches the error.
@@ -242,6 +244,7 @@ describe('MDC-based MatTable', () => {
     beforeEach(fakeAsync(() => {
       fixture = TestBed.createComponent(ArrayDataSourceMatTableApp);
       fixture.detectChanges();
+      flush();
 
       tableElement = fixture.nativeElement.querySelector('table');
       component = fixture.componentInstance;
@@ -322,6 +325,7 @@ describe('MDC-based MatTable', () => {
         ['a_1', 'b_1', 'c_1'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
 
       flushMicrotasks(); // Resolve promise that updates paginator's length
       expect(dataSource.paginator!.length).toBe(1);
@@ -336,6 +340,7 @@ describe('MDC-based MatTable', () => {
         ['a_2', 'b_2', 'c_2'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
 
       // Change filter to empty string, should match all rows
       dataSource.filter = '';
@@ -351,6 +356,7 @@ describe('MDC-based MatTable', () => {
         ['a_3', 'b_3', 'c_3'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
 
       // Change filter function and filter, should match to rows with zebra.
       dataSource.filterPredicate = (data, filter) => {
@@ -378,6 +384,7 @@ describe('MDC-based MatTable', () => {
         ['a_2', 'b_2', 'c_2'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
 
       // Change the filter to a falsy value that might come in from the view.
       dataSource.filter = 0 as any;
@@ -386,6 +393,7 @@ describe('MDC-based MatTable', () => {
         ['Column A', 'Column B', 'Column C'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
     }));
 
     it('should not match concatenated words', fakeAsync(() => {
@@ -398,6 +406,7 @@ describe('MDC-based MatTable', () => {
         ['Column A', 'Column B', 'Column C'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
     }));
 
     it('should be able to sort the table contents', () => {
@@ -547,6 +556,7 @@ describe('MDC-based MatTable', () => {
         ['a_5', 'b_5', 'c_5'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
 
       // Navigate to the next page
       component.paginator.nextPage();
@@ -560,6 +570,7 @@ describe('MDC-based MatTable', () => {
         ['a_10', 'b_10', 'c_10'],
         ['Footer A', 'Footer B', 'Footer C'],
       ]);
+      flush();
     }));
 
     it('should sort strings with numbers larger than MAX_SAFE_INTEGER correctly', () => {