test(cdk/overlay): change how renders are counted in test

Author: mmalerba

src/cdk/overlay/dispatchers/overlay-outside-click-dispatcher.spec.ts

@@ -1,10 +1,9 @@
+import {ApplicationRef, Component, NgZone} from '@angular/core';
 import {TestBed, inject} from '@angular/core/testing';
-import {ApplicationRef, Component, afterRender} from '@angular/core';
+import {ComponentPortal} from '../../portal';
 import {dispatchFakeEvent, dispatchMouseEvent} from '../../testing/private';
-import {OverlayModule, Overlay} from '../index';
+import {Overlay, OverlayModule} from '../index';
 import {OverlayOutsideClickDispatcher} from './overlay-outside-click-dispatcher';
-import {ComponentPortal} from '../../portal';
-import {filter, take} from 'rxjs/operators';
 
 describe('OverlayOutsideClickDispatcher', () => {
   let appRef: ApplicationRef;
@@ -386,23 +385,12 @@ describe('OverlayOutsideClickDispatcher', () => {
       expect(appRef.tick).toHaveBeenCalledTimes(0);
     });
 
-    it('should run change detection if the click was made outside the overlay and there are `outsidePointerEvents` observers', async () => {
-      let renders = 0;
-      TestBed.runInInjectionContext(() => {
-        afterRender(() => {
-          renders++;
-        });
-      });
-      function stablePromise() {
-        return TestBed.inject(ApplicationRef)
-          .isStable.pipe(
-            filter(stable => stable),
-            take(1),
-          )
-          .toPromise();
-      }
-      await stablePromise();
-      expect(renders).toEqual(1);
+    it('should emit `outsidePointerEvents` outside NgZone', async () => {
+      const calls: boolean[] = [];
+      const spy = () => {
+        calls.push(NgZone.isInAngularZone());
+      };
+
       const portal = new ComponentPortal(TestComponent);
       const overlayRef = overlay.create();
       overlayRef.attach(portal);
@@ -411,17 +399,11 @@ describe('OverlayOutsideClickDispatcher', () => {
       const context = document.createElement('div');
       document.body.appendChild(context);
 
-      await stablePromise();
-      expect(renders).toEqual(2);
-      dispatchMouseEvent(context, 'click');
-      await stablePromise();
-      expect(renders).toEqual(2);
-
-      overlayRef.outsidePointerEvents().subscribe();
+      overlayRef.outsidePointerEvents().subscribe(spy);
 
       dispatchMouseEvent(context, 'click');
-      await stablePromise();
-      expect(renders).toEqual(2);
+      await TestBed.inject(ApplicationRef).whenStable();
+      expect(calls).toEqual([false]);
     });
   });
 });