fix test in edge/safari

Author: andrewseguin

src/cdk/table/text-column.spec.ts

@@ -1,23 +1,27 @@
 import {Component} from '@angular/core';
 import {async, ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {getTableTextColumnMissingParentTableError} from './table-errors';
 import {CdkTableModule} from './table-module';
 import {expectTableToMatchContent} from './table.spec';
-import {TextColumnOptions, TEXT_COLUMN_OPTIONS} from './text-column';
-import {getTableTextColumnMissingParentTableError} from './table-errors';
+import {TEXT_COLUMN_OPTIONS, TextColumnOptions} from './text-column';
+
 
 describe('CdkTextColumn', () => {
   let fixture: ComponentFixture<BasicTextColumnApp>;
   let component: BasicTextColumnApp;
   let tableElement: HTMLElement;
 
   beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [CdkTableModule],
-      declarations: [
-        BasicTextColumnApp,
-        MissingTableApp,
-      ],
-    }).compileComponents();
+    TestBed
+        .configureTestingModule({
+          imports: [CdkTableModule],
+          declarations: [
+            BasicTextColumnApp,
+            MissingTableApp,
+          ],
+        })
+        .compileComponents();
   }));
 
   beforeEach(() => {
@@ -38,8 +42,7 @@ describe('CdkTextColumn', () => {
 
   it('should throw an error if the text column is not in the content of a table', () => {
     expect(() => TestBed.createComponent(MissingTableApp).detectChanges())
-      .toThrowError(getTableTextColumnMissingParentTableError().message);
-
+        .toThrowError(getTableTextColumnMissingParentTableError().message);
   });
 
   it('should allow for alternate header text', () => {
@@ -93,15 +96,13 @@ describe('CdkTextColumn', () => {
     component.justifyC = 'end';
     fixture.detectChanges();
 
-    const headerB = tableElement.querySelector('th:nth-child(2')! as HTMLElement;
-    const headerC = tableElement.querySelector('th:nth-child(3')! as HTMLElement;
-    expect(headerB.style.textAlign).toBe('start');
-    expect(headerC.style.textAlign).toBe('end');
+    const headers = tableElement.querySelectorAll('th');
+    expect(headers[1].style.textAlign).toBe('start');
+    expect(headers[2].style.textAlign).toBe('end');
 
-    const cellB = tableElement.querySelector('td:nth-child(2')! as HTMLElement;
-    const cellC = tableElement.querySelector('td:nth-child(3')! as HTMLElement;
-    expect(cellB.style.textAlign).toBe('start');
-    expect(cellC.style.textAlign).toBe('end');
+    const cells = tableElement.querySelectorAll('td');
+    expect(cells[1].style.textAlign).toBe('start');
+    expect(cells[2].style.textAlign).toBe('end');
   });
 
   describe('with options', () => {