debugging ios8

Author: jelbourn

src/components/grid-list/grid-list.spec.ts

@@ -143,7 +143,7 @@ describe('MdGridList', () => {
     });
   }));
 
-  it('should default gutter size to 1px', async(() => {
+  fit('should default gutter size to 1px', async(() => {
     var template = `
       <div style="width:200px">
         <md-grid-list cols="2" rowHeight="100px">
@@ -158,6 +158,25 @@ describe('MdGridList', () => {
       fixture.whenStable().then(() => {
         let tiles = fixture.debugElement.queryAll(By.css('md-grid-tile'));
 
+        console.log('### whenStable');
+        console.log('  getComputedStyle: ', getComputedStyle(tiles[1].nativeElement).left);
+        console.log('        style.left: ', tiles[1].nativeElement.style.left);
+        console.log('boundingClientRect: ', tiles[1].nativeElement.getBoundingClientRect().left);
+
+        setTimeout(() => {
+          console.log('### timeout 0');
+          console.log('  getComputedStyle: ', getComputedStyle(tiles[1].nativeElement).left);
+          console.log('        style.left: ', tiles[1].nativeElement.style.left);
+          console.log('boundingClientRect: ', tiles[1].nativeElement.getBoundingClientRect().left);
+        }, 0);
+
+        setTimeout(() => {
+          console.log('### timeout 100');
+          console.log('  getComputedStyle: ', getComputedStyle(tiles[1].nativeElement).left);
+          console.log('        style.left: ', tiles[1].nativeElement.style.left);
+          console.log('boundingClientRect: ', tiles[1].nativeElement.getBoundingClientRect().left);
+        }, 100);
+
         // check horizontal gutter
         expect(getProp(tiles[0], 'width')).toBe('99.5px');
         expect(getProp(tiles[1], 'left')).toBe('100.5px');