feat(patch): fix #833, add IntersectionObserver support (#880)

angular · Aug 23, 2017 · f27ff14 · f27ff14
1 parent b1e5970
commit f27ff14
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/lib/browser/browser.ts b/lib/browser/browser.ts
@@ -54,6 +54,7 @@ Zone.__load_patch('EventTarget', (global: any, Zone: ZoneType, api: _ZonePrivate
   }
   patchClass('MutationObserver');
   patchClass('WebKitMutationObserver');
+  patchClass('IntersectionObserver');
   patchClass('FileReader');
 });
 

diff --git a/test/browser/browser.spec.ts b/test/browser/browser.spec.ts
@@ -2122,6 +2122,24 @@ describe('Zone', function() {
          }));
     });
 
+    it('IntersectionObserver should run callback in zone',
+       ifEnvSupportsWithDone('IntersectionObserver', (done: Function) => {
+         const div = document.createElement('div');
+         const options: any = {root: div, rootMargin: '0px', threshold: 0};
+
+         const zone = Zone.current.fork({name: 'intersectionObserverZone'});
+
+         zone.run(() => {
+           const observer = new IntersectionObserver(() => {
+             expect(Zone.current.name).toEqual(zone.name);
+             observer.unobserve(div);
+             done();
+           }, options);
+           observer.observe(div);
+         });
+         document.body.appendChild(div);
+       }));
+
     it('HTMLCanvasElement.toBlob should be a ZoneAware MacroTask',
        ifEnvSupportsWithDone(supportCanvasTest, (done: Function) => {
          const canvas = document.createElement('canvas');