fix: add support for WebKitMutationObserver

btford · btford · commit d1a2c8eed76b · 2014-04-18T10:57:26.000-07:00
diff --git a/test/zone.spec.js b/test/zone.spec.js
@@ -359,6 +359,41 @@ describe('Zone.patch', function () {
     });
   });
 
+  describe('WebKitMutationObserver', function () {
+    it('should work', function () {
+      if (!window.WebKitMutationObserver) {
+        console.log('WARNING: skipping WebKitMutationObserver test (missing this API)');
+        return;
+      }
+
+      var flag = false,
+          elt = document.createElement('div'),
+          hasParent;
+
+      runs(function () {
+        var ob = new WebKitMutationObserver(function () {
+          hasParent = !!window.zone.parent;
+          flag = true;
+        });
+
+        ob.observe(elt, {
+          childList: true
+        });
+
+        elt.innerHTML = '<p>hey</p>';
+      });
+
+      waitsFor(function() {
+        return flag;
+      }, 'mutation observer to fire', 100);
+
+      runs(function() {
+        expect(hasParent).toBe(true);
+      });
+
+    });
+  });
+
   describe('XMLHttpRequest', function () {
 
     it('should work with onreadystatechange', function () {
diff --git a/zone.js b/zone.js
@@ -267,9 +267,8 @@ Zone.patch = function patch () {
       'catch'
     ]);
   }
-  if (window.MutationObserver) {
-    Zone.patchClass('MutationObserver');
-  }
+  Zone.patchClass('MutationObserver');
+  Zone.patchClass('WebKitMutationObserver');
 };
 
 //
@@ -333,7 +332,7 @@ Zone.patchClass = function (className) {
     }
   };
 
-  var instance = new OriginalClass(className === 'MutationObserver' ? function () {} : undefined);
+  var instance = new OriginalClass(className.substr(-16) === 'MutationObserver' ? function () {} : undefined);
 
   var prop;
   for (prop in instance) {
