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

JiaLiPassion · mhevery · commit f27ff1408055 · 2017-08-22T20:16:56.000-07:00
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');

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,7 @@ Zone.__load_patch('EventTarget', (global: any, Zone: ZoneType, api: _ZonePrivate`
`54`	`54`	`}`
`55`	`55`	`patchClass('MutationObserver');`
`56`	`56`	`patchClass('WebKitMutationObserver');`
	`57`	`+ patchClass('IntersectionObserver');`
`57`	`58`	`patchClass('FileReader');`
`58`	`59`	`});`
`59`	`60`