fix: failing test on IE11

Author: crisbeto

src/lib/select/select.spec.ts

@@ -36,7 +36,7 @@ class FakeViewportRuler {
   }
 }
 
-describe('MdSelect', () => {
+fdescribe('MdSelect', () => {
   let overlayContainerElement: HTMLElement;
   let dir: {value: 'ltr'|'rtl'};
   let fakeViewportRuler = new FakeViewportRuler();
@@ -932,68 +932,64 @@ describe('MdSelect', () => {
     });
 
     describe('limited space to open horizontally', () => {
-      beforeEach(async(() => {
+      beforeEach(() => {
         select.style.position = 'absolute';
         select.style.top = '200px';
-      }));
+      });
 
-      it('should stay within the viewport when overflowing on the left in ltr', async(() => {
+      it('should stay within the viewport when overflowing on the left in ltr', fakeAsync(() => {
         select.style.left = '-100px';
         trigger.click();
+        tick(400);
         fixture.detectChanges();
 
-        fixture.whenStable().then(() => {
-          const panelLeft = document.querySelector('.mat-select-panel')
-              .getBoundingClientRect().left;
-          expect(panelLeft).toBeGreaterThan(0,
-              `Expected select panel to be inside the viewport in ltr.`);
-        });
+        const panelLeft = document.querySelector('.mat-select-panel')
+            .getBoundingClientRect().left;
+        expect(panelLeft).toBeGreaterThan(0,
+            `Expected select panel to be inside the viewport in ltr.`);
       }));
 
-      it('should stay within the viewport when overflowing on the right in rtl', async(() => {
+      it('should stay within the viewport when overflowing on the left in rtl', fakeAsync(() => {
         dir.value = 'rtl';
         select.style.left = '-100px';
         trigger.click();
+        tick(400);
         fixture.detectChanges();
 
-        fixture.whenStable().then(() => {
-          const panelLeft = document.querySelector('.mat-select-panel')
-              .getBoundingClientRect().left;
+        const panelLeft = document.querySelector('.mat-select-panel')
+            .getBoundingClientRect().left;
 
-          expect(panelLeft).toBeGreaterThan(0,
-              `Expected select panel to be inside the viewport in rtl.`);
-        });
+        expect(panelLeft).toBeGreaterThan(0,
+            `Expected select panel to be inside the viewport in rtl.`);
       }));
 
-      it('should stay within the viewport when overflowing on the right in ltr', async(() => {
+      it('should stay within the viewport when overflowing on the right in ltr', fakeAsync(() => {
         select.style.right = '-100px';
         trigger.click();
+        tick(400);
         fixture.detectChanges();
 
-        fixture.whenStable().then(() => {
-          const viewportRect = fakeViewportRuler.getViewportRect().right;
-          const panelRight = document.querySelector('.mat-select-panel')
-              .getBoundingClientRect().right;
+        const viewportRect = fakeViewportRuler.getViewportRect().right;
+        const panelRight = document.querySelector('.mat-select-panel')
+            .getBoundingClientRect().right;
 
-          expect(viewportRect - panelRight).toBeGreaterThan(0,
-              `Expected select panel to be inside the viewport in ltr.`);
-        });
+        expect(viewportRect - panelRight).toBeGreaterThan(0,
+            `Expected select panel to be inside the viewport in ltr.`);
       }));
 
-      it('should stay within the viewport when overflowing on the right in rtl', async(() => {
+      it('should stay within the viewport when overflowing on the right in rtl', fakeAsync(() => {
         dir.value = 'rtl';
         select.style.right = '-100px';
         trigger.click();
+        tick(400);
         fixture.detectChanges();
 
-        fixture.whenStable().then(() => {
-          const viewportRect = fakeViewportRuler.getViewportRect().right;
-          const panelRight = document.querySelector('.mat-select-panel')
-              .getBoundingClientRect().right;
+        const viewportRect = fakeViewportRuler.getViewportRect().right;
+        const panelRight = document.querySelector('.mat-select-panel')
+            .getBoundingClientRect().right;
 
-          expect(viewportRect - panelRight).toBeGreaterThan(0,
-              `Expected select panel to be inside the viewport in rtl.`);
-        });
+        expect(viewportRect - panelRight).toBeGreaterThan(0,
+            `Expected select panel to be inside the viewport in rtl.`);
       }));
 
       it('should keep the position within the viewport on repeat openings', async(() => {
@@ -1017,6 +1013,7 @@ describe('MdSelect', () => {
               `Expected select panel continue being inside the viewport.`);
         });
       }));
+
     });
 
     describe('when scrolled', () => {