feat(zone.js): support IE9+

Author: marclaval

dist/long-stack-trace-zone.js

@@ -8,7 +8,7 @@ Zone.Stacktrace = function (e) {
   this._e = e;
 };
 Zone.Stacktrace.prototype.get = function () {
-  if (zone.stackFramesFilter) {
+  if (zone.stackFramesFilter && this._e.stack) {
     return this._e.stack.
         split('\n').
         filter(zone.stackFramesFilter).
@@ -47,7 +47,7 @@ Zone.longStackTraceZone = {
     var trace = [];
     var zone = this;
     if (exception) {
-      if (zone.stackFramesFilter) {
+      if (zone.stackFramesFilter && exception.stack) {
         trace.push(exception.stack.split('\n').
             filter(zone.stackFramesFilter).
             join('\n'));

dist/zone-microtask.js

@@ -1381,6 +1381,7 @@ function apply() {
       'Window',
       'Worker',
       'WorkerGlobalScope',
+      'XMLHttpRequest',
       'XMLHttpRequestEventTarget',
       'XMLHttpRequestUpload'
     ];
@@ -1640,7 +1641,9 @@ function apply() {
     });
     utils.patchProperties(HTMLElement.prototype, onEventNames);
     utils.patchProperties(XMLHttpRequest.prototype);
-    utils.patchProperties(WebSocket.prototype);
+    if (typeof WebSocket !== 'undefined') {
+      utils.patchProperties(WebSocket.prototype);
+    }
   } else {
     // Safari
     patchViaCapturingAllTheEvents();
@@ -1896,7 +1899,7 @@ function patchClass(className) {
     }
   };
 
-  var instance = new OriginalClass(className.substr(-16) === 'MutationObserver' ? function () {} : undefined);
+  var instance = new OriginalClass();
 
   var prop;
   for (prop in instance) {

dist/zone-microtask.min.js

@@ -302,6 +302,7 @@ function apply() {
       'Window',
       'Worker',
       'WorkerGlobalScope',
+      'XMLHttpRequest',
       'XMLHttpRequestEventTarget',
       'XMLHttpRequestUpload'
     ];
@@ -561,7 +562,9 @@ function apply() {
     });
     utils.patchProperties(HTMLElement.prototype, onEventNames);
     utils.patchProperties(XMLHttpRequest.prototype);
-    utils.patchProperties(WebSocket.prototype);
+    if (typeof WebSocket !== 'undefined') {
+      utils.patchProperties(WebSocket.prototype);
+    }
   } else {
     // Safari
     patchViaCapturingAllTheEvents();
@@ -817,7 +820,7 @@ function patchClass(className) {
     }
   };
 
-  var instance = new OriginalClass(className.substr(-16) === 'MutationObserver' ? function () {} : undefined);
+  var instance = new OriginalClass();
 
   var prop;
   for (prop in instance) {

dist/zone.js

@@ -27,6 +27,7 @@ function apply() {
       'Window',
       'Worker',
       'WorkerGlobalScope',
+      'XMLHttpRequest',
       'XMLHttpRequestEventTarget',
       'XMLHttpRequestUpload'
     ];

dist/zone.min.js

@@ -13,7 +13,9 @@ function apply() {
     });
     utils.patchProperties(HTMLElement.prototype, onEventNames);
     utils.patchProperties(XMLHttpRequest.prototype);
-    utils.patchProperties(WebSocket.prototype);
+    if (typeof WebSocket !== 'undefined') {
+      utils.patchProperties(WebSocket.prototype);
+    }
   } else {
     // Safari
     patchViaCapturingAllTheEvents();

lib/patch/event-target.js

@@ -31,6 +31,24 @@ module.exports = function (config) {
       browserName: 'safari',
       platform: 'OS X 10.10',
       version: '8'
+    },
+    'SL_IE_9': {
+      base: 'SauceLabs',
+      browserName: 'internet explorer',
+      platform: 'Windows 2008',
+      version: '9'
+    },
+    'SL_IE_10': {
+      base: 'SauceLabs',
+      browserName: 'internet explorer',
+      platform: 'Windows 2012',
+      version: '10'
+    },
+    'SL_IE_11': {
+      base: 'SauceLabs',
+      browserName: 'internet explorer',
+      platform: 'Windows 8.1',
+      version: '11'
     }
   };
 

lib/patch/property-descriptor.js

@@ -17,7 +17,7 @@ describe('Microtasks', function () {
     setTimeout(function() {
       expect(log).toEqual([1, 2, 3]);
       done();
-    }, 0);
+    }, 10);
   });
 
   it('should correctly schedule microtasks vs macrotasks', function(done) {
@@ -33,19 +33,19 @@ describe('Microtasks', function () {
         log.push('mat1.mit');
       });
       log.push('-mat1');
-    }, 0);
+    }, 10);
 
     setTimeout(function() {
       log.push('mat2');
-    }, 0);
+    }, 20);
 
     setTimeout(function() {
       expect(log).toEqual([
         '+root', '-root', 'root.mit',
         '+mat1', '-mat1', 'mat1.mit',
         'mat2']);
       done();
-    }, 0);
+    }, 30);
 
     log.push('-root');
   });

sauce.conf.js

@@ -1,6 +1,6 @@
 'use strict';
 
-describe('WebSocket', function () {
+describe('WebSocket', ifEnvSupports('WebSocket', function () {
   var socket;
   var TEST_SERVER_URL = 'ws://localhost:8001';
   var flag;
@@ -104,4 +104,4 @@ describe('WebSocket', function () {
       done();
     }, 500);
   });
-});
+}));

test/microtasks.spec.js

@@ -21,22 +21,24 @@ describe('XMLHttpRequest', function () {
     req.send();
   });
 
-  it('should work with onprogress', function (done) {
-    var req;
-
-    testZone.run(function() {
-      req = new XMLHttpRequest();
-      req.onprogress = function () {
-        // Make sure that the callback will only be called once
-        req.onprogress = null;
-        expect(window.zone).toBeDirectChildOf(testZone);
-        done();
-      };
-      req.open('get', '/', true);
+  var supportsOnProgress = 'onprogress' in new XMLHttpRequest();
+  if(supportsOnProgress) {
+    it('should work with onprogress', function (done) {
+      var req;
+      testZone.run(function() {
+        req = new XMLHttpRequest();
+        req.onprogress = function () {
+          // Make sure that the callback will only be called once
+          req.onprogress = null;
+          expect(window.zone).toBeDirectChildOf(testZone);
+          done();
+        };
+        req.open('get', '/', true);
+      });
+
+      req.send();
     });
-
-    req.send();
-  });
+  }
 
   it('should preserve other setters', function () {
     var req = new XMLHttpRequest();

test/patch/WebSocket.spec.js

@@ -12,7 +12,6 @@ describe('element', function () {
 
   afterEach(function () {
     document.body.removeChild(button);
-    button.remove();
   });
 
   it('should work with addEventListener', function () {
@@ -35,7 +34,9 @@ describe('element', function () {
     button.addEventListener('focus', logFunction);
     button.click();
     expect(log).toEqual('a');
-    button.dispatchEvent(new Event('focus'));
+    var focusEvent = document.createEvent("Event");
+    focusEvent.initEvent('focus', true, true)
+    button.dispatchEvent(focusEvent);
     expect(log).toEqual('aa');
 
     button.removeEventListener('click', logFunction);