4862 lines
211 KiB
JavaScript
4862 lines
211 KiB
JavaScript
|
'use strict';
|
||
|
/**
|
||
|
* @license Angular v<unknown>
|
||
|
* (c) 2010-2022 Google LLC. https://angular.io/
|
||
|
* License: MIT
|
||
|
*/
|
||
|
((function (global) {
|
||
|
const performance = global['performance'];
|
||
|
function mark(name) {
|
||
|
performance && performance['mark'] && performance['mark'](name);
|
||
|
}
|
||
|
function performanceMeasure(name, label) {
|
||
|
performance && performance['measure'] && performance['measure'](name, label);
|
||
|
}
|
||
|
mark('Zone');
|
||
|
// Initialize before it's accessed below.
|
||
|
// __Zone_symbol_prefix global can be used to override the default zone
|
||
|
// symbol prefix with a custom one if needed.
|
||
|
const symbolPrefix = global['__Zone_symbol_prefix'] || '__zone_symbol__';
|
||
|
function __symbol__(name) {
|
||
|
return symbolPrefix + name;
|
||
|
}
|
||
|
const checkDuplicate = global[__symbol__('forceDuplicateZoneCheck')] === true;
|
||
|
if (global['Zone']) {
|
||
|
// if global['Zone'] already exists (maybe zone.js was already loaded or
|
||
|
// some other lib also registered a global object named Zone), we may need
|
||
|
// to throw an error, but sometimes user may not want this error.
|
||
|
// For example,
|
||
|
// we have two web pages, page1 includes zone.js, page2 doesn't.
|
||
|
// and the 1st time user load page1 and page2, everything work fine,
|
||
|
// but when user load page2 again, error occurs because global['Zone'] already exists.
|
||
|
// so we add a flag to let user choose whether to throw this error or not.
|
||
|
// By default, if existing Zone is from zone.js, we will not throw the error.
|
||
|
if (checkDuplicate || typeof global['Zone'].__symbol__ !== 'function') {
|
||
|
throw new Error('Zone already loaded.');
|
||
|
}
|
||
|
else {
|
||
|
return global['Zone'];
|
||
|
}
|
||
|
}
|
||
|
class Zone {
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
static { this.__symbol__ = __symbol__; }
|
||
|
static assertZonePatched() {
|
||
|
if (global['Promise'] !== patches['ZoneAwarePromise']) {
|
||
|
throw new Error('Zone.js has detected that ZoneAwarePromise `(window|global).Promise` ' +
|
||
|
'has been overwritten.\n' +
|
||
|
'Most likely cause is that a Promise polyfill has been loaded ' +
|
||
|
'after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. ' +
|
||
|
'If you must load one, do so before loading zone.js.)');
|
||
|
}
|
||
|
}
|
||
|
static get root() {
|
||
|
let zone = Zone.current;
|
||
|
while (zone.parent) {
|
||
|
zone = zone.parent;
|
||
|
}
|
||
|
return zone;
|
||
|
}
|
||
|
static get current() {
|
||
|
return _currentZoneFrame.zone;
|
||
|
}
|
||
|
static get currentTask() {
|
||
|
return _currentTask;
|
||
|
}
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
static __load_patch(name, fn, ignoreDuplicate = false) {
|
||
|
if (patches.hasOwnProperty(name)) {
|
||
|
// `checkDuplicate` option is defined from global variable
|
||
|
// so it works for all modules.
|
||
|
// `ignoreDuplicate` can work for the specified module
|
||
|
if (!ignoreDuplicate && checkDuplicate) {
|
||
|
throw Error('Already loaded patch: ' + name);
|
||
|
}
|
||
|
}
|
||
|
else if (!global['__Zone_disable_' + name]) {
|
||
|
const perfName = 'Zone:' + name;
|
||
|
mark(perfName);
|
||
|
patches[name] = fn(global, Zone, _api);
|
||
|
performanceMeasure(perfName, perfName);
|
||
|
}
|
||
|
}
|
||
|
get parent() {
|
||
|
return this._parent;
|
||
|
}
|
||
|
get name() {
|
||
|
return this._name;
|
||
|
}
|
||
|
constructor(parent, zoneSpec) {
|
||
|
this._parent = parent;
|
||
|
this._name = zoneSpec ? zoneSpec.name || 'unnamed' : '<root>';
|
||
|
this._properties = zoneSpec && zoneSpec.properties || {};
|
||
|
this._zoneDelegate =
|
||
|
new _ZoneDelegate(this, this._parent && this._parent._zoneDelegate, zoneSpec);
|
||
|
}
|
||
|
get(key) {
|
||
|
const zone = this.getZoneWith(key);
|
||
|
if (zone)
|
||
|
return zone._properties[key];
|
||
|
}
|
||
|
getZoneWith(key) {
|
||
|
let current = this;
|
||
|
while (current) {
|
||
|
if (current._properties.hasOwnProperty(key)) {
|
||
|
return current;
|
||
|
}
|
||
|
current = current._parent;
|
||
|
}
|
||
|
return null;
|
||
|
}
|
||
|
fork(zoneSpec) {
|
||
|
if (!zoneSpec)
|
||
|
throw new Error('ZoneSpec required!');
|
||
|
return this._zoneDelegate.fork(this, zoneSpec);
|
||
|
}
|
||
|
wrap(callback, source) {
|
||
|
if (typeof callback !== 'function') {
|
||
|
throw new Error('Expecting function got: ' + callback);
|
||
|
}
|
||
|
const _callback = this._zoneDelegate.intercept(this, callback, source);
|
||
|
const zone = this;
|
||
|
return function () {
|
||
|
return zone.runGuarded(_callback, this, arguments, source);
|
||
|
};
|
||
|
}
|
||
|
run(callback, applyThis, applyArgs, source) {
|
||
|
_currentZoneFrame = { parent: _currentZoneFrame, zone: this };
|
||
|
try {
|
||
|
return this._zoneDelegate.invoke(this, callback, applyThis, applyArgs, source);
|
||
|
}
|
||
|
finally {
|
||
|
_currentZoneFrame = _currentZoneFrame.parent;
|
||
|
}
|
||
|
}
|
||
|
runGuarded(callback, applyThis = null, applyArgs, source) {
|
||
|
_currentZoneFrame = { parent: _currentZoneFrame, zone: this };
|
||
|
try {
|
||
|
try {
|
||
|
return this._zoneDelegate.invoke(this, callback, applyThis, applyArgs, source);
|
||
|
}
|
||
|
catch (error) {
|
||
|
if (this._zoneDelegate.handleError(this, error)) {
|
||
|
throw error;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
finally {
|
||
|
_currentZoneFrame = _currentZoneFrame.parent;
|
||
|
}
|
||
|
}
|
||
|
runTask(task, applyThis, applyArgs) {
|
||
|
if (task.zone != this) {
|
||
|
throw new Error('A task can only be run in the zone of creation! (Creation: ' +
|
||
|
(task.zone || NO_ZONE).name + '; Execution: ' + this.name + ')');
|
||
|
}
|
||
|
// https://github.com/angular/zone.js/issues/778, sometimes eventTask
|
||
|
// will run in notScheduled(canceled) state, we should not try to
|
||
|
// run such kind of task but just return
|
||
|
if (task.state === notScheduled && (task.type === eventTask || task.type === macroTask)) {
|
||
|
return;
|
||
|
}
|
||
|
const reEntryGuard = task.state != running;
|
||
|
reEntryGuard && task._transitionTo(running, scheduled);
|
||
|
task.runCount++;
|
||
|
const previousTask = _currentTask;
|
||
|
_currentTask = task;
|
||
|
_currentZoneFrame = { parent: _currentZoneFrame, zone: this };
|
||
|
try {
|
||
|
if (task.type == macroTask && task.data && !task.data.isPeriodic) {
|
||
|
task.cancelFn = undefined;
|
||
|
}
|
||
|
try {
|
||
|
return this._zoneDelegate.invokeTask(this, task, applyThis, applyArgs);
|
||
|
}
|
||
|
catch (error) {
|
||
|
if (this._zoneDelegate.handleError(this, error)) {
|
||
|
throw error;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
finally {
|
||
|
// if the task's state is notScheduled or unknown, then it has already been cancelled
|
||
|
// we should not reset the state to scheduled
|
||
|
if (task.state !== notScheduled && task.state !== unknown) {
|
||
|
if (task.type == eventTask || (task.data && task.data.isPeriodic)) {
|
||
|
reEntryGuard && task._transitionTo(scheduled, running);
|
||
|
}
|
||
|
else {
|
||
|
task.runCount = 0;
|
||
|
this._updateTaskCount(task, -1);
|
||
|
reEntryGuard &&
|
||
|
task._transitionTo(notScheduled, running, notScheduled);
|
||
|
}
|
||
|
}
|
||
|
_currentZoneFrame = _currentZoneFrame.parent;
|
||
|
_currentTask = previousTask;
|
||
|
}
|
||
|
}
|
||
|
scheduleTask(task) {
|
||
|
if (task.zone && task.zone !== this) {
|
||
|
// check if the task was rescheduled, the newZone
|
||
|
// should not be the children of the original zone
|
||
|
let newZone = this;
|
||
|
while (newZone) {
|
||
|
if (newZone === task.zone) {
|
||
|
throw Error(`can not reschedule task to ${this.name} which is descendants of the original zone ${task.zone.name}`);
|
||
|
}
|
||
|
newZone = newZone.parent;
|
||
|
}
|
||
|
}
|
||
|
task._transitionTo(scheduling, notScheduled);
|
||
|
const zoneDelegates = [];
|
||
|
task._zoneDelegates = zoneDelegates;
|
||
|
task._zone = this;
|
||
|
try {
|
||
|
task = this._zoneDelegate.scheduleTask(this, task);
|
||
|
}
|
||
|
catch (err) {
|
||
|
// should set task's state to unknown when scheduleTask throw error
|
||
|
// because the err may from reschedule, so the fromState maybe notScheduled
|
||
|
task._transitionTo(unknown, scheduling, notScheduled);
|
||
|
// TODO: @JiaLiPassion, should we check the result from handleError?
|
||
|
this._zoneDelegate.handleError(this, err);
|
||
|
throw err;
|
||
|
}
|
||
|
if (task._zoneDelegates === zoneDelegates) {
|
||
|
// we have to check because internally the delegate can reschedule the task.
|
||
|
this._updateTaskCount(task, 1);
|
||
|
}
|
||
|
if (task.state == scheduling) {
|
||
|
task._transitionTo(scheduled, scheduling);
|
||
|
}
|
||
|
return task;
|
||
|
}
|
||
|
scheduleMicroTask(source, callback, data, customSchedule) {
|
||
|
return this.scheduleTask(new ZoneTask(microTask, source, callback, data, customSchedule, undefined));
|
||
|
}
|
||
|
scheduleMacroTask(source, callback, data, customSchedule, customCancel) {
|
||
|
return this.scheduleTask(new ZoneTask(macroTask, source, callback, data, customSchedule, customCancel));
|
||
|
}
|
||
|
scheduleEventTask(source, callback, data, customSchedule, customCancel) {
|
||
|
return this.scheduleTask(new ZoneTask(eventTask, source, callback, data, customSchedule, customCancel));
|
||
|
}
|
||
|
cancelTask(task) {
|
||
|
if (task.zone != this)
|
||
|
throw new Error('A task can only be cancelled in the zone of creation! (Creation: ' +
|
||
|
(task.zone || NO_ZONE).name + '; Execution: ' + this.name + ')');
|
||
|
if (task.state !== scheduled && task.state !== running) {
|
||
|
return;
|
||
|
}
|
||
|
task._transitionTo(canceling, scheduled, running);
|
||
|
try {
|
||
|
this._zoneDelegate.cancelTask(this, task);
|
||
|
}
|
||
|
catch (err) {
|
||
|
// if error occurs when cancelTask, transit the state to unknown
|
||
|
task._transitionTo(unknown, canceling);
|
||
|
this._zoneDelegate.handleError(this, err);
|
||
|
throw err;
|
||
|
}
|
||
|
this._updateTaskCount(task, -1);
|
||
|
task._transitionTo(notScheduled, canceling);
|
||
|
task.runCount = 0;
|
||
|
return task;
|
||
|
}
|
||
|
_updateTaskCount(task, count) {
|
||
|
const zoneDelegates = task._zoneDelegates;
|
||
|
if (count == -1) {
|
||
|
task._zoneDelegates = null;
|
||
|
}
|
||
|
for (let i = 0; i < zoneDelegates.length; i++) {
|
||
|
zoneDelegates[i]._updateTaskCount(task.type, count);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
const DELEGATE_ZS = {
|
||
|
name: '',
|
||
|
onHasTask: (delegate, _, target, hasTaskState) => delegate.hasTask(target, hasTaskState),
|
||
|
onScheduleTask: (delegate, _, target, task) => delegate.scheduleTask(target, task),
|
||
|
onInvokeTask: (delegate, _, target, task, applyThis, applyArgs) => delegate.invokeTask(target, task, applyThis, applyArgs),
|
||
|
onCancelTask: (delegate, _, target, task) => delegate.cancelTask(target, task)
|
||
|
};
|
||
|
class _ZoneDelegate {
|
||
|
constructor(zone, parentDelegate, zoneSpec) {
|
||
|
this._taskCounts = { 'microTask': 0, 'macroTask': 0, 'eventTask': 0 };
|
||
|
this.zone = zone;
|
||
|
this._parentDelegate = parentDelegate;
|
||
|
this._forkZS = zoneSpec && (zoneSpec && zoneSpec.onFork ? zoneSpec : parentDelegate._forkZS);
|
||
|
this._forkDlgt = zoneSpec && (zoneSpec.onFork ? parentDelegate : parentDelegate._forkDlgt);
|
||
|
this._forkCurrZone =
|
||
|
zoneSpec && (zoneSpec.onFork ? this.zone : parentDelegate._forkCurrZone);
|
||
|
this._interceptZS =
|
||
|
zoneSpec && (zoneSpec.onIntercept ? zoneSpec : parentDelegate._interceptZS);
|
||
|
this._interceptDlgt =
|
||
|
zoneSpec && (zoneSpec.onIntercept ? parentDelegate : parentDelegate._interceptDlgt);
|
||
|
this._interceptCurrZone =
|
||
|
zoneSpec && (zoneSpec.onIntercept ? this.zone : parentDelegate._interceptCurrZone);
|
||
|
this._invokeZS = zoneSpec && (zoneSpec.onInvoke ? zoneSpec : parentDelegate._invokeZS);
|
||
|
this._invokeDlgt =
|
||
|
zoneSpec && (zoneSpec.onInvoke ? parentDelegate : parentDelegate._invokeDlgt);
|
||
|
this._invokeCurrZone =
|
||
|
zoneSpec && (zoneSpec.onInvoke ? this.zone : parentDelegate._invokeCurrZone);
|
||
|
this._handleErrorZS =
|
||
|
zoneSpec && (zoneSpec.onHandleError ? zoneSpec : parentDelegate._handleErrorZS);
|
||
|
this._handleErrorDlgt =
|
||
|
zoneSpec && (zoneSpec.onHandleError ? parentDelegate : parentDelegate._handleErrorDlgt);
|
||
|
this._handleErrorCurrZone =
|
||
|
zoneSpec && (zoneSpec.onHandleError ? this.zone : parentDelegate._handleErrorCurrZone);
|
||
|
this._scheduleTaskZS =
|
||
|
zoneSpec && (zoneSpec.onScheduleTask ? zoneSpec : parentDelegate._scheduleTaskZS);
|
||
|
this._scheduleTaskDlgt = zoneSpec &&
|
||
|
(zoneSpec.onScheduleTask ? parentDelegate : parentDelegate._scheduleTaskDlgt);
|
||
|
this._scheduleTaskCurrZone =
|
||
|
zoneSpec && (zoneSpec.onScheduleTask ? this.zone : parentDelegate._scheduleTaskCurrZone);
|
||
|
this._invokeTaskZS =
|
||
|
zoneSpec && (zoneSpec.onInvokeTask ? zoneSpec : parentDelegate._invokeTaskZS);
|
||
|
this._invokeTaskDlgt =
|
||
|
zoneSpec && (zoneSpec.onInvokeTask ? parentDelegate : parentDelegate._invokeTaskDlgt);
|
||
|
this._invokeTaskCurrZone =
|
||
|
zoneSpec && (zoneSpec.onInvokeTask ? this.zone : parentDelegate._invokeTaskCurrZone);
|
||
|
this._cancelTaskZS =
|
||
|
zoneSpec && (zoneSpec.onCancelTask ? zoneSpec : parentDelegate._cancelTaskZS);
|
||
|
this._cancelTaskDlgt =
|
||
|
zoneSpec && (zoneSpec.onCancelTask ? parentDelegate : parentDelegate._cancelTaskDlgt);
|
||
|
this._cancelTaskCurrZone =
|
||
|
zoneSpec && (zoneSpec.onCancelTask ? this.zone : parentDelegate._cancelTaskCurrZone);
|
||
|
this._hasTaskZS = null;
|
||
|
this._hasTaskDlgt = null;
|
||
|
this._hasTaskDlgtOwner = null;
|
||
|
this._hasTaskCurrZone = null;
|
||
|
const zoneSpecHasTask = zoneSpec && zoneSpec.onHasTask;
|
||
|
const parentHasTask = parentDelegate && parentDelegate._hasTaskZS;
|
||
|
if (zoneSpecHasTask || parentHasTask) {
|
||
|
// If we need to report hasTask, than this ZS needs to do ref counting on tasks. In such
|
||
|
// a case all task related interceptors must go through this ZD. We can't short circuit it.
|
||
|
this._hasTaskZS = zoneSpecHasTask ? zoneSpec : DELEGATE_ZS;
|
||
|
this._hasTaskDlgt = parentDelegate;
|
||
|
this._hasTaskDlgtOwner = this;
|
||
|
this._hasTaskCurrZone = zone;
|
||
|
if (!zoneSpec.onScheduleTask) {
|
||
|
this._scheduleTaskZS = DELEGATE_ZS;
|
||
|
this._scheduleTaskDlgt = parentDelegate;
|
||
|
this._scheduleTaskCurrZone = this.zone;
|
||
|
}
|
||
|
if (!zoneSpec.onInvokeTask) {
|
||
|
this._invokeTaskZS = DELEGATE_ZS;
|
||
|
this._invokeTaskDlgt = parentDelegate;
|
||
|
this._invokeTaskCurrZone = this.zone;
|
||
|
}
|
||
|
if (!zoneSpec.onCancelTask) {
|
||
|
this._cancelTaskZS = DELEGATE_ZS;
|
||
|
this._cancelTaskDlgt = parentDelegate;
|
||
|
this._cancelTaskCurrZone = this.zone;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
fork(targetZone, zoneSpec) {
|
||
|
return this._forkZS ? this._forkZS.onFork(this._forkDlgt, this.zone, targetZone, zoneSpec) :
|
||
|
new Zone(targetZone, zoneSpec);
|
||
|
}
|
||
|
intercept(targetZone, callback, source) {
|
||
|
return this._interceptZS ?
|
||
|
this._interceptZS.onIntercept(this._interceptDlgt, this._interceptCurrZone, targetZone, callback, source) :
|
||
|
callback;
|
||
|
}
|
||
|
invoke(targetZone, callback, applyThis, applyArgs, source) {
|
||
|
return this._invokeZS ? this._invokeZS.onInvoke(this._invokeDlgt, this._invokeCurrZone, targetZone, callback, applyThis, applyArgs, source) :
|
||
|
callback.apply(applyThis, applyArgs);
|
||
|
}
|
||
|
handleError(targetZone, error) {
|
||
|
return this._handleErrorZS ?
|
||
|
this._handleErrorZS.onHandleError(this._handleErrorDlgt, this._handleErrorCurrZone, targetZone, error) :
|
||
|
true;
|
||
|
}
|
||
|
scheduleTask(targetZone, task) {
|
||
|
let returnTask = task;
|
||
|
if (this._scheduleTaskZS) {
|
||
|
if (this._hasTaskZS) {
|
||
|
returnTask._zoneDelegates.push(this._hasTaskDlgtOwner);
|
||
|
}
|
||
|
// clang-format off
|
||
|
returnTask = this._scheduleTaskZS.onScheduleTask(this._scheduleTaskDlgt, this._scheduleTaskCurrZone, targetZone, task);
|
||
|
// clang-format on
|
||
|
if (!returnTask)
|
||
|
returnTask = task;
|
||
|
}
|
||
|
else {
|
||
|
if (task.scheduleFn) {
|
||
|
task.scheduleFn(task);
|
||
|
}
|
||
|
else if (task.type == microTask) {
|
||
|
scheduleMicroTask(task);
|
||
|
}
|
||
|
else {
|
||
|
throw new Error('Task is missing scheduleFn.');
|
||
|
}
|
||
|
}
|
||
|
return returnTask;
|
||
|
}
|
||
|
invokeTask(targetZone, task, applyThis, applyArgs) {
|
||
|
return this._invokeTaskZS ? this._invokeTaskZS.onInvokeTask(this._invokeTaskDlgt, this._invokeTaskCurrZone, targetZone, task, applyThis, applyArgs) :
|
||
|
task.callback.apply(applyThis, applyArgs);
|
||
|
}
|
||
|
cancelTask(targetZone, task) {
|
||
|
let value;
|
||
|
if (this._cancelTaskZS) {
|
||
|
value = this._cancelTaskZS.onCancelTask(this._cancelTaskDlgt, this._cancelTaskCurrZone, targetZone, task);
|
||
|
}
|
||
|
else {
|
||
|
if (!task.cancelFn) {
|
||
|
throw Error('Task is not cancelable');
|
||
|
}
|
||
|
value = task.cancelFn(task);
|
||
|
}
|
||
|
return value;
|
||
|
}
|
||
|
hasTask(targetZone, isEmpty) {
|
||
|
// hasTask should not throw error so other ZoneDelegate
|
||
|
// can still trigger hasTask callback
|
||
|
try {
|
||
|
this._hasTaskZS &&
|
||
|
this._hasTaskZS.onHasTask(this._hasTaskDlgt, this._hasTaskCurrZone, targetZone, isEmpty);
|
||
|
}
|
||
|
catch (err) {
|
||
|
this.handleError(targetZone, err);
|
||
|
}
|
||
|
}
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
_updateTaskCount(type, count) {
|
||
|
const counts = this._taskCounts;
|
||
|
const prev = counts[type];
|
||
|
const next = counts[type] = prev + count;
|
||
|
if (next < 0) {
|
||
|
throw new Error('More tasks executed then were scheduled.');
|
||
|
}
|
||
|
if (prev == 0 || next == 0) {
|
||
|
const isEmpty = {
|
||
|
microTask: counts['microTask'] > 0,
|
||
|
macroTask: counts['macroTask'] > 0,
|
||
|
eventTask: counts['eventTask'] > 0,
|
||
|
change: type
|
||
|
};
|
||
|
this.hasTask(this.zone, isEmpty);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
class ZoneTask {
|
||
|
constructor(type, source, callback, options, scheduleFn, cancelFn) {
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
this._zone = null;
|
||
|
this.runCount = 0;
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
this._zoneDelegates = null;
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
this._state = 'notScheduled';
|
||
|
this.type = type;
|
||
|
this.source = source;
|
||
|
this.data = options;
|
||
|
this.scheduleFn = scheduleFn;
|
||
|
this.cancelFn = cancelFn;
|
||
|
if (!callback) {
|
||
|
throw new Error('callback is not defined');
|
||
|
}
|
||
|
this.callback = callback;
|
||
|
const self = this;
|
||
|
// TODO: @JiaLiPassion options should have interface
|
||
|
if (type === eventTask && options && options.useG) {
|
||
|
this.invoke = ZoneTask.invokeTask;
|
||
|
}
|
||
|
else {
|
||
|
this.invoke = function () {
|
||
|
return ZoneTask.invokeTask.call(global, self, this, arguments);
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
static invokeTask(task, target, args) {
|
||
|
if (!task) {
|
||
|
task = this;
|
||
|
}
|
||
|
_numberOfNestedTaskFrames++;
|
||
|
try {
|
||
|
task.runCount++;
|
||
|
return task.zone.runTask(task, target, args);
|
||
|
}
|
||
|
finally {
|
||
|
if (_numberOfNestedTaskFrames == 1) {
|
||
|
drainMicroTaskQueue();
|
||
|
}
|
||
|
_numberOfNestedTaskFrames--;
|
||
|
}
|
||
|
}
|
||
|
get zone() {
|
||
|
return this._zone;
|
||
|
}
|
||
|
get state() {
|
||
|
return this._state;
|
||
|
}
|
||
|
cancelScheduleRequest() {
|
||
|
this._transitionTo(notScheduled, scheduling);
|
||
|
}
|
||
|
// tslint:disable-next-line:require-internal-with-underscore
|
||
|
_transitionTo(toState, fromState1, fromState2) {
|
||
|
if (this._state === fromState1 || this._state === fromState2) {
|
||
|
this._state = toState;
|
||
|
if (toState == notScheduled) {
|
||
|
this._zoneDelegates = null;
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
throw new Error(`${this.type} '${this.source}': can not transition to '${toState}', expecting state '${fromState1}'${fromState2 ? ' or \'' + fromState2 + '\'' : ''}, was '${this._state}'.`);
|
||
|
}
|
||
|
}
|
||
|
toString() {
|
||
|
if (this.data && typeof this.data.handleId !== 'undefined') {
|
||
|
return this.data.handleId.toString();
|
||
|
}
|
||
|
else {
|
||
|
return Object.prototype.toString.call(this);
|
||
|
}
|
||
|
}
|
||
|
// add toJSON method to prevent cyclic error when
|
||
|
// call JSON.stringify(zoneTask)
|
||
|
toJSON() {
|
||
|
return {
|
||
|
type: this.type,
|
||
|
state: this.state,
|
||
|
source: this.source,
|
||
|
zone: this.zone.name,
|
||
|
runCount: this.runCount
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
//////////////////////////////////////////////////////
|
||
|
//////////////////////////////////////////////////////
|
||
|
/// MICROTASK QUEUE
|
||
|
//////////////////////////////////////////////////////
|
||
|
//////////////////////////////////////////////////////
|
||
|
const symbolSetTimeout = __symbol__('setTimeout');
|
||
|
const symbolPromise = __symbol__('Promise');
|
||
|
const symbolThen = __symbol__('then');
|
||
|
let _microTaskQueue = [];
|
||
|
let _isDrainingMicrotaskQueue = false;
|
||
|
let nativeMicroTaskQueuePromise;
|
||
|
function nativeScheduleMicroTask(func) {
|
||
|
if (!nativeMicroTaskQueuePromise) {
|
||
|
if (global[symbolPromise]) {
|
||
|
nativeMicroTaskQueuePromise = global[symbolPromise].resolve(0);
|
||
|
}
|
||
|
}
|
||
|
if (nativeMicroTaskQueuePromise) {
|
||
|
let nativeThen = nativeMicroTaskQueuePromise[symbolThen];
|
||
|
if (!nativeThen) {
|
||
|
// native Promise is not patchable, we need to use `then` directly
|
||
|
// issue 1078
|
||
|
nativeThen = nativeMicroTaskQueuePromise['then'];
|
||
|
}
|
||
|
nativeThen.call(nativeMicroTaskQueuePromise, func);
|
||
|
}
|
||
|
else {
|
||
|
global[symbolSetTimeout](func, 0);
|
||
|
}
|
||
|
}
|
||
|
function scheduleMicroTask(task) {
|
||
|
// if we are not running in any task, and there has not been anything scheduled
|
||
|
// we must bootstrap the initial task creation by manually scheduling the drain
|
||
|
if (_numberOfNestedTaskFrames === 0 && _microTaskQueue.length === 0) {
|
||
|
// We are not running in Task, so we need to kickstart the microtask queue.
|
||
|
nativeScheduleMicroTask(drainMicroTaskQueue);
|
||
|
}
|
||
|
task && _microTaskQueue.push(task);
|
||
|
}
|
||
|
function drainMicroTaskQueue() {
|
||
|
if (!_isDrainingMicrotaskQueue) {
|
||
|
_isDrainingMicrotaskQueue = true;
|
||
|
while (_microTaskQueue.length) {
|
||
|
const queue = _microTaskQueue;
|
||
|
_microTaskQueue = [];
|
||
|
for (let i = 0; i < queue.length; i++) {
|
||
|
const task = queue[i];
|
||
|
try {
|
||
|
task.zone.runTask(task, null, null);
|
||
|
}
|
||
|
catch (error) {
|
||
|
_api.onUnhandledError(error);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
_api.microtaskDrainDone();
|
||
|
_isDrainingMicrotaskQueue = false;
|
||
|
}
|
||
|
}
|
||
|
//////////////////////////////////////////////////////
|
||
|
//////////////////////////////////////////////////////
|
||
|
/// BOOTSTRAP
|
||
|
//////////////////////////////////////////////////////
|
||
|
//////////////////////////////////////////////////////
|
||
|
const NO_ZONE = { name: 'NO ZONE' };
|
||
|
const notScheduled = 'notScheduled', scheduling = 'scheduling', scheduled = 'scheduled', running = 'running', canceling = 'canceling', unknown = 'unknown';
|
||
|
const microTask = 'microTask', macroTask = 'macroTask', eventTask = 'eventTask';
|
||
|
const patches = {};
|
||
|
const _api = {
|
||
|
symbol: __symbol__,
|
||
|
currentZoneFrame: () => _currentZoneFrame,
|
||
|
onUnhandledError: noop,
|
||
|
microtaskDrainDone: noop,
|
||
|
scheduleMicroTask: scheduleMicroTask,
|
||
|
showUncaughtError: () => !Zone[__symbol__('ignoreConsoleErrorUncaughtError')],
|
||
|
patchEventTarget: () => [],
|
||
|
patchOnProperties: noop,
|
||
|
patchMethod: () => noop,
|
||
|
bindArguments: () => [],
|
||
|
patchThen: () => noop,
|
||
|
patchMacroTask: () => noop,
|
||
|
patchEventPrototype: () => noop,
|
||
|
isIEOrEdge: () => false,
|
||
|
getGlobalObjects: () => undefined,
|
||
|
ObjectDefineProperty: () => noop,
|
||
|
ObjectGetOwnPropertyDescriptor: () => undefined,
|
||
|
ObjectCreate: () => undefined,
|
||
|
ArraySlice: () => [],
|
||
|
patchClass: () => noop,
|
||
|
wrapWithCurrentZone: () => noop,
|
||
|
filterProperties: () => [],
|
||
|
attachOriginToPatched: () => noop,
|
||
|
_redefineProperty: () => noop,
|
||
|
patchCallbacks: () => noop,
|
||
|
nativeScheduleMicroTask: nativeScheduleMicroTask
|
||
|
};
|
||
|
let _currentZoneFrame = { parent: null, zone: new Zone(null, null) };
|
||
|
let _currentTask = null;
|
||
|
let _numberOfNestedTaskFrames = 0;
|
||
|
function noop() { }
|
||
|
performanceMeasure('Zone', 'Zone');
|
||
|
return global['Zone'] = Zone;
|
||
|
}))(typeof window !== 'undefined' && window || typeof self !== 'undefined' && self || global);
|
||
|
|
||
|
/**
|
||
|
* Suppress closure compiler errors about unknown 'Zone' variable
|
||
|
* @fileoverview
|
||
|
* @suppress {undefinedVars,globalThis,missingRequire}
|
||
|
*/
|
||
|
/// <reference types="node"/>
|
||
|
// issue #989, to reduce bundle size, use short name
|
||
|
/** Object.getOwnPropertyDescriptor */
|
||
|
const ObjectGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
||
|
/** Object.defineProperty */
|
||
|
const ObjectDefineProperty = Object.defineProperty;
|
||
|
/** Object.getPrototypeOf */
|
||
|
const ObjectGetPrototypeOf = Object.getPrototypeOf;
|
||
|
/** Object.create */
|
||
|
const ObjectCreate = Object.create;
|
||
|
/** Array.prototype.slice */
|
||
|
const ArraySlice = Array.prototype.slice;
|
||
|
/** addEventListener string const */
|
||
|
const ADD_EVENT_LISTENER_STR = 'addEventListener';
|
||
|
/** removeEventListener string const */
|
||
|
const REMOVE_EVENT_LISTENER_STR = 'removeEventListener';
|
||
|
/** zoneSymbol addEventListener */
|
||
|
const ZONE_SYMBOL_ADD_EVENT_LISTENER = Zone.__symbol__(ADD_EVENT_LISTENER_STR);
|
||
|
/** zoneSymbol removeEventListener */
|
||
|
const ZONE_SYMBOL_REMOVE_EVENT_LISTENER = Zone.__symbol__(REMOVE_EVENT_LISTENER_STR);
|
||
|
/** true string const */
|
||
|
const TRUE_STR = 'true';
|
||
|
/** false string const */
|
||
|
const FALSE_STR = 'false';
|
||
|
/** Zone symbol prefix string const. */
|
||
|
const ZONE_SYMBOL_PREFIX = Zone.__symbol__('');
|
||
|
function wrapWithCurrentZone(callback, source) {
|
||
|
return Zone.current.wrap(callback, source);
|
||
|
}
|
||
|
function scheduleMacroTaskWithCurrentZone(source, callback, data, customSchedule, customCancel) {
|
||
|
return Zone.current.scheduleMacroTask(source, callback, data, customSchedule, customCancel);
|
||
|
}
|
||
|
const zoneSymbol = Zone.__symbol__;
|
||
|
const isWindowExists = typeof window !== 'undefined';
|
||
|
const internalWindow = isWindowExists ? window : undefined;
|
||
|
const _global = isWindowExists && internalWindow || typeof self === 'object' && self || global;
|
||
|
const REMOVE_ATTRIBUTE = 'removeAttribute';
|
||
|
function bindArguments(args, source) {
|
||
|
for (let i = args.length - 1; i >= 0; i--) {
|
||
|
if (typeof args[i] === 'function') {
|
||
|
args[i] = wrapWithCurrentZone(args[i], source + '_' + i);
|
||
|
}
|
||
|
}
|
||
|
return args;
|
||
|
}
|
||
|
function patchPrototype(prototype, fnNames) {
|
||
|
const source = prototype.constructor['name'];
|
||
|
for (let i = 0; i < fnNames.length; i++) {
|
||
|
const name = fnNames[i];
|
||
|
const delegate = prototype[name];
|
||
|
if (delegate) {
|
||
|
const prototypeDesc = ObjectGetOwnPropertyDescriptor(prototype, name);
|
||
|
if (!isPropertyWritable(prototypeDesc)) {
|
||
|
continue;
|
||
|
}
|
||
|
prototype[name] = ((delegate) => {
|
||
|
const patched = function () {
|
||
|
return delegate.apply(this, bindArguments(arguments, source + '.' + name));
|
||
|
};
|
||
|
attachOriginToPatched(patched, delegate);
|
||
|
return patched;
|
||
|
})(delegate);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
function isPropertyWritable(propertyDesc) {
|
||
|
if (!propertyDesc) {
|
||
|
return true;
|
||
|
}
|
||
|
if (propertyDesc.writable === false) {
|
||
|
return false;
|
||
|
}
|
||
|
return !(typeof propertyDesc.get === 'function' && typeof propertyDesc.set === 'undefined');
|
||
|
}
|
||
|
const isWebWorker = (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope);
|
||
|
// Make sure to access `process` through `_global` so that WebPack does not accidentally browserify
|
||
|
// this code.
|
||
|
const isNode = (!('nw' in _global) && typeof _global.process !== 'undefined' &&
|
||
|
{}.toString.call(_global.process) === '[object process]');
|
||
|
const isBrowser = !isNode && !isWebWorker && !!(isWindowExists && internalWindow['HTMLElement']);
|
||
|
// we are in electron of nw, so we are both browser and nodejs
|
||
|
// Make sure to access `process` through `_global` so that WebPack does not accidentally browserify
|
||
|
// this code.
|
||
|
const isMix = typeof _global.process !== 'undefined' &&
|
||
|
{}.toString.call(_global.process) === '[object process]' && !isWebWorker &&
|
||
|
!!(isWindowExists && internalWindow['HTMLElement']);
|
||
|
const zoneSymbolEventNames$1 = {};
|
||
|
const wrapFn = function (event) {
|
||
|
// https://github.com/angular/zone.js/issues/911, in IE, sometimes
|
||
|
// event will be undefined, so we need to use window.event
|
||
|
event = event || _global.event;
|
||
|
if (!event) {
|
||
|
return;
|
||
|
}
|
||
|
let eventNameSymbol = zoneSymbolEventNames$1[event.type];
|
||
|
if (!eventNameSymbol) {
|
||
|
eventNameSymbol = zoneSymbolEventNames$1[event.type] = zoneSymbol('ON_PROPERTY' + event.type);
|
||
|
}
|
||
|
const target = this || event.target || _global;
|
||
|
const listener = target[eventNameSymbol];
|
||
|
let result;
|
||
|
if (isBrowser && target === internalWindow && event.type === 'error') {
|
||
|
// window.onerror have different signature
|
||
|
// https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onerror#window.onerror
|
||
|
// and onerror callback will prevent default when callback return true
|
||
|
const errorEvent = event;
|
||
|
result = listener &&
|
||
|
listener.call(this, errorEvent.message, errorEvent.filename, errorEvent.lineno, errorEvent.colno, errorEvent.error);
|
||
|
if (result === true) {
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
result = listener && listener.apply(this, arguments);
|
||
|
if (result != undefined && !result) {
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
return result;
|
||
|
};
|
||
|
function patchProperty(obj, prop, prototype) {
|
||
|
let desc = ObjectGetOwnPropertyDescriptor(obj, prop);
|
||
|
if (!desc && prototype) {
|
||
|
// when patch window object, use prototype to check prop exist or not
|
||
|
const prototypeDesc = ObjectGetOwnPropertyDescriptor(prototype, prop);
|
||
|
if (prototypeDesc) {
|
||
|
desc = { enumerable: true, configurable: true };
|
||
|
}
|
||
|
}
|
||
|
// if the descriptor not exists or is not configurable
|
||
|
// just return
|
||
|
if (!desc || !desc.configurable) {
|
||
|
return;
|
||
|
}
|
||
|
const onPropPatchedSymbol = zoneSymbol('on' + prop + 'patched');
|
||
|
if (obj.hasOwnProperty(onPropPatchedSymbol) && obj[onPropPatchedSymbol]) {
|
||
|
return;
|
||
|
}
|
||
|
// A property descriptor cannot have getter/setter and be writable
|
||
|
// deleting the writable and value properties avoids this error:
|
||
|
//
|
||
|
// TypeError: property descriptors must not specify a value or be writable when a
|
||
|
// getter or setter has been specified
|
||
|
delete desc.writable;
|
||
|
delete desc.value;
|
||
|
const originalDescGet = desc.get;
|
||
|
const originalDescSet = desc.set;
|
||
|
// slice(2) cuz 'onclick' -> 'click', etc
|
||
|
const eventName = prop.slice(2);
|
||
|
let eventNameSymbol = zoneSymbolEventNames$1[eventName];
|
||
|
if (!eventNameSymbol) {
|
||
|
eventNameSymbol = zoneSymbolEventNames$1[eventName] = zoneSymbol('ON_PROPERTY' + eventName);
|
||
|
}
|
||
|
desc.set = function (newValue) {
|
||
|
// in some of windows's onproperty callback, this is undefined
|
||
|
// so we need to check it
|
||
|
let target = this;
|
||
|
if (!target && obj === _global) {
|
||
|
target = _global;
|
||
|
}
|
||
|
if (!target) {
|
||
|
return;
|
||
|
}
|
||
|
const previousValue = target[eventNameSymbol];
|
||
|
if (typeof previousValue === 'function') {
|
||
|
target.removeEventListener(eventName, wrapFn);
|
||
|
}
|
||
|
// issue #978, when onload handler was added before loading zone.js
|
||
|
// we should remove it with originalDescSet
|
||
|
originalDescSet && originalDescSet.call(target, null);
|
||
|
target[eventNameSymbol] = newValue;
|
||
|
if (typeof newValue === 'function') {
|
||
|
target.addEventListener(eventName, wrapFn, false);
|
||
|
}
|
||
|
};
|
||
|
// The getter would return undefined for unassigned properties but the default value of an
|
||
|
// unassigned property is null
|
||
|
desc.get = function () {
|
||
|
// in some of windows's onproperty callback, this is undefined
|
||
|
// so we need to check it
|
||
|
let target = this;
|
||
|
if (!target && obj === _global) {
|
||
|
target = _global;
|
||
|
}
|
||
|
if (!target) {
|
||
|
return null;
|
||
|
}
|
||
|
const listener = target[eventNameSymbol];
|
||
|
if (listener) {
|
||
|
return listener;
|
||
|
}
|
||
|
else if (originalDescGet) {
|
||
|
// result will be null when use inline event attribute,
|
||
|
// such as <button onclick="func();">OK</button>
|
||
|
// because the onclick function is internal raw uncompiled handler
|
||
|
// the onclick will be evaluated when first time event was triggered or
|
||
|
// the property is accessed, https://github.com/angular/zone.js/issues/525
|
||
|
// so we should use original native get to retrieve the handler
|
||
|
let value = originalDescGet.call(this);
|
||
|
if (value) {
|
||
|
desc.set.call(this, value);
|
||
|
if (typeof target[REMOVE_ATTRIBUTE] === 'function') {
|
||
|
target.removeAttribute(prop);
|
||
|
}
|
||
|
return value;
|
||
|
}
|
||
|
}
|
||
|
return null;
|
||
|
};
|
||
|
ObjectDefineProperty(obj, prop, desc);
|
||
|
obj[onPropPatchedSymbol] = true;
|
||
|
}
|
||
|
function patchOnProperties(obj, properties, prototype) {
|
||
|
if (properties) {
|
||
|
for (let i = 0; i < properties.length; i++) {
|
||
|
patchProperty(obj, 'on' + properties[i], prototype);
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
const onProperties = [];
|
||
|
for (const prop in obj) {
|
||
|
if (prop.slice(0, 2) == 'on') {
|
||
|
onProperties.push(prop);
|
||
|
}
|
||
|
}
|
||
|
for (let j = 0; j < onProperties.length; j++) {
|
||
|
patchProperty(obj, onProperties[j], prototype);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
const originalInstanceKey = zoneSymbol('originalInstance');
|
||
|
// wrap some native API on `window`
|
||
|
function patchClass(className) {
|
||
|
const OriginalClass = _global[className];
|
||
|
if (!OriginalClass)
|
||
|
return;
|
||
|
// keep original class in global
|
||
|
_global[zoneSymbol(className)] = OriginalClass;
|
||
|
_global[className] = function () {
|
||
|
const a = bindArguments(arguments, className);
|
||
|
switch (a.length) {
|
||
|
case 0:
|
||
|
this[originalInstanceKey] = new OriginalClass();
|
||
|
break;
|
||
|
case 1:
|
||
|
this[originalInstanceKey] = new OriginalClass(a[0]);
|
||
|
break;
|
||
|
case 2:
|
||
|
this[originalInstanceKey] = new OriginalClass(a[0], a[1]);
|
||
|
break;
|
||
|
case 3:
|
||
|
this[originalInstanceKey] = new OriginalClass(a[0], a[1], a[2]);
|
||
|
break;
|
||
|
case 4:
|
||
|
this[originalInstanceKey] = new OriginalClass(a[0], a[1], a[2], a[3]);
|
||
|
break;
|
||
|
default:
|
||
|
throw new Error('Arg list too long.');
|
||
|
}
|
||
|
};
|
||
|
// attach original delegate to patched function
|
||
|
attachOriginToPatched(_global[className], OriginalClass);
|
||
|
const instance = new OriginalClass(function () { });
|
||
|
let prop;
|
||
|
for (prop in instance) {
|
||
|
// https://bugs.webkit.org/show_bug.cgi?id=44721
|
||
|
if (className === 'XMLHttpRequest' && prop === 'responseBlob')
|
||
|
continue;
|
||
|
(function (prop) {
|
||
|
if (typeof instance[prop] === 'function') {
|
||
|
_global[className].prototype[prop] = function () {
|
||
|
return this[originalInstanceKey][prop].apply(this[originalInstanceKey], arguments);
|
||
|
};
|
||
|
}
|
||
|
else {
|
||
|
ObjectDefineProperty(_global[className].prototype, prop, {
|
||
|
set: function (fn) {
|
||
|
if (typeof fn === 'function') {
|
||
|
this[originalInstanceKey][prop] = wrapWithCurrentZone(fn, className + '.' + prop);
|
||
|
// keep callback in wrapped function so we can
|
||
|
// use it in Function.prototype.toString to return
|
||
|
// the native one.
|
||
|
attachOriginToPatched(this[originalInstanceKey][prop], fn);
|
||
|
}
|
||
|
else {
|
||
|
this[originalInstanceKey][prop] = fn;
|
||
|
}
|
||
|
},
|
||
|
get: function () {
|
||
|
return this[originalInstanceKey][prop];
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}(prop));
|
||
|
}
|
||
|
for (prop in OriginalClass) {
|
||
|
if (prop !== 'prototype' && OriginalClass.hasOwnProperty(prop)) {
|
||
|
_global[className][prop] = OriginalClass[prop];
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
function patchMethod(target, name, patchFn) {
|
||
|
let proto = target;
|
||
|
while (proto && !proto.hasOwnProperty(name)) {
|
||
|
proto = ObjectGetPrototypeOf(proto);
|
||
|
}
|
||
|
if (!proto && target[name]) {
|
||
|
// somehow we did not find it, but we can see it. This happens on IE for Window properties.
|
||
|
proto = target;
|
||
|
}
|
||
|
const delegateName = zoneSymbol(name);
|
||
|
let delegate = null;
|
||
|
if (proto && (!(delegate = proto[delegateName]) || !proto.hasOwnProperty(delegateName))) {
|
||
|
delegate = proto[delegateName] = proto[name];
|
||
|
// check whether proto[name] is writable
|
||
|
// some property is readonly in safari, such as HtmlCanvasElement.prototype.toBlob
|
||
|
const desc = proto && ObjectGetOwnPropertyDescriptor(proto, name);
|
||
|
if (isPropertyWritable(desc)) {
|
||
|
const patchDelegate = patchFn(delegate, delegateName, name);
|
||
|
proto[name] = function () {
|
||
|
return patchDelegate(this, arguments);
|
||
|
};
|
||
|
attachOriginToPatched(proto[name], delegate);
|
||
|
}
|
||
|
}
|
||
|
return delegate;
|
||
|
}
|
||
|
// TODO: @JiaLiPassion, support cancel task later if necessary
|
||
|
function patchMacroTask(obj, funcName, metaCreator) {
|
||
|
let setNative = null;
|
||
|
function scheduleTask(task) {
|
||
|
const data = task.data;
|
||
|
data.args[data.cbIdx] = function () {
|
||
|
task.invoke.apply(this, arguments);
|
||
|
};
|
||
|
setNative.apply(data.target, data.args);
|
||
|
return task;
|
||
|
}
|
||
|
setNative = patchMethod(obj, funcName, (delegate) => function (self, args) {
|
||
|
const meta = metaCreator(self, args);
|
||
|
if (meta.cbIdx >= 0 && typeof args[meta.cbIdx] === 'function') {
|
||
|
return scheduleMacroTaskWithCurrentZone(meta.name, args[meta.cbIdx], meta, scheduleTask);
|
||
|
}
|
||
|
else {
|
||
|
// cause an error by calling it directly.
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
function attachOriginToPatched(patched, original) {
|
||
|
patched[zoneSymbol('OriginalDelegate')] = original;
|
||
|
}
|
||
|
let isDetectedIEOrEdge = false;
|
||
|
let ieOrEdge = false;
|
||
|
function isIE() {
|
||
|
try {
|
||
|
const ua = internalWindow.navigator.userAgent;
|
||
|
if (ua.indexOf('MSIE ') !== -1 || ua.indexOf('Trident/') !== -1) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
catch (error) {
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
function isIEOrEdge() {
|
||
|
if (isDetectedIEOrEdge) {
|
||
|
return ieOrEdge;
|
||
|
}
|
||
|
isDetectedIEOrEdge = true;
|
||
|
try {
|
||
|
const ua = internalWindow.navigator.userAgent;
|
||
|
if (ua.indexOf('MSIE ') !== -1 || ua.indexOf('Trident/') !== -1 || ua.indexOf('Edge/') !== -1) {
|
||
|
ieOrEdge = true;
|
||
|
}
|
||
|
}
|
||
|
catch (error) {
|
||
|
}
|
||
|
return ieOrEdge;
|
||
|
}
|
||
|
|
||
|
Zone.__load_patch('ZoneAwarePromise', (global, Zone, api) => {
|
||
|
const ObjectGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
||
|
const ObjectDefineProperty = Object.defineProperty;
|
||
|
function readableObjectToString(obj) {
|
||
|
if (obj && obj.toString === Object.prototype.toString) {
|
||
|
const className = obj.constructor && obj.constructor.name;
|
||
|
return (className ? className : '') + ': ' + JSON.stringify(obj);
|
||
|
}
|
||
|
return obj ? obj.toString() : Object.prototype.toString.call(obj);
|
||
|
}
|
||
|
const __symbol__ = api.symbol;
|
||
|
const _uncaughtPromiseErrors = [];
|
||
|
const isDisableWrappingUncaughtPromiseRejection = global[__symbol__('DISABLE_WRAPPING_UNCAUGHT_PROMISE_REJECTION')] === true;
|
||
|
const symbolPromise = __symbol__('Promise');
|
||
|
const symbolThen = __symbol__('then');
|
||
|
const creationTrace = '__creationTrace__';
|
||
|
api.onUnhandledError = (e) => {
|
||
|
if (api.showUncaughtError()) {
|
||
|
const rejection = e && e.rejection;
|
||
|
if (rejection) {
|
||
|
console.error('Unhandled Promise rejection:', rejection instanceof Error ? rejection.message : rejection, '; Zone:', e.zone.name, '; Task:', e.task && e.task.source, '; Value:', rejection, rejection instanceof Error ? rejection.stack : undefined);
|
||
|
}
|
||
|
else {
|
||
|
console.error(e);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
api.microtaskDrainDone = () => {
|
||
|
while (_uncaughtPromiseErrors.length) {
|
||
|
const uncaughtPromiseError = _uncaughtPromiseErrors.shift();
|
||
|
try {
|
||
|
uncaughtPromiseError.zone.runGuarded(() => {
|
||
|
if (uncaughtPromiseError.throwOriginal) {
|
||
|
throw uncaughtPromiseError.rejection;
|
||
|
}
|
||
|
throw uncaughtPromiseError;
|
||
|
});
|
||
|
}
|
||
|
catch (error) {
|
||
|
handleUnhandledRejection(error);
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
const UNHANDLED_PROMISE_REJECTION_HANDLER_SYMBOL = __symbol__('unhandledPromiseRejectionHandler');
|
||
|
function handleUnhandledRejection(e) {
|
||
|
api.onUnhandledError(e);
|
||
|
try {
|
||
|
const handler = Zone[UNHANDLED_PROMISE_REJECTION_HANDLER_SYMBOL];
|
||
|
if (typeof handler === 'function') {
|
||
|
handler.call(this, e);
|
||
|
}
|
||
|
}
|
||
|
catch (err) {
|
||
|
}
|
||
|
}
|
||
|
function isThenable(value) {
|
||
|
return value && value.then;
|
||
|
}
|
||
|
function forwardResolution(value) {
|
||
|
return value;
|
||
|
}
|
||
|
function forwardRejection(rejection) {
|
||
|
return ZoneAwarePromise.reject(rejection);
|
||
|
}
|
||
|
const symbolState = __symbol__('state');
|
||
|
const symbolValue = __symbol__('value');
|
||
|
const symbolFinally = __symbol__('finally');
|
||
|
const symbolParentPromiseValue = __symbol__('parentPromiseValue');
|
||
|
const symbolParentPromiseState = __symbol__('parentPromiseState');
|
||
|
const source = 'Promise.then';
|
||
|
const UNRESOLVED = null;
|
||
|
const RESOLVED = true;
|
||
|
const REJECTED = false;
|
||
|
const REJECTED_NO_CATCH = 0;
|
||
|
function makeResolver(promise, state) {
|
||
|
return (v) => {
|
||
|
try {
|
||
|
resolvePromise(promise, state, v);
|
||
|
}
|
||
|
catch (err) {
|
||
|
resolvePromise(promise, false, err);
|
||
|
}
|
||
|
// Do not return value or you will break the Promise spec.
|
||
|
};
|
||
|
}
|
||
|
const once = function () {
|
||
|
let wasCalled = false;
|
||
|
return function wrapper(wrappedFunction) {
|
||
|
return function () {
|
||
|
if (wasCalled) {
|
||
|
return;
|
||
|
}
|
||
|
wasCalled = true;
|
||
|
wrappedFunction.apply(null, arguments);
|
||
|
};
|
||
|
};
|
||
|
};
|
||
|
const TYPE_ERROR = 'Promise resolved with itself';
|
||
|
const CURRENT_TASK_TRACE_SYMBOL = __symbol__('currentTaskTrace');
|
||
|
// Promise Resolution
|
||
|
function resolvePromise(promise, state, value) {
|
||
|
const onceWrapper = once();
|
||
|
if (promise === value) {
|
||
|
throw new TypeError(TYPE_ERROR);
|
||
|
}
|
||
|
if (promise[symbolState] === UNRESOLVED) {
|
||
|
// should only get value.then once based on promise spec.
|
||
|
let then = null;
|
||
|
try {
|
||
|
if (typeof value === 'object' || typeof value === 'function') {
|
||
|
then = value && value.then;
|
||
|
}
|
||
|
}
|
||
|
catch (err) {
|
||
|
onceWrapper(() => {
|
||
|
resolvePromise(promise, false, err);
|
||
|
})();
|
||
|
return promise;
|
||
|
}
|
||
|
// if (value instanceof ZoneAwarePromise) {
|
||
|
if (state !== REJECTED && value instanceof ZoneAwarePromise &&
|
||
|
value.hasOwnProperty(symbolState) && value.hasOwnProperty(symbolValue) &&
|
||
|
value[symbolState] !== UNRESOLVED) {
|
||
|
clearRejectedNoCatch(value);
|
||
|
resolvePromise(promise, value[symbolState], value[symbolValue]);
|
||
|
}
|
||
|
else if (state !== REJECTED && typeof then === 'function') {
|
||
|
try {
|
||
|
then.call(value, onceWrapper(makeResolver(promise, state)), onceWrapper(makeResolver(promise, false)));
|
||
|
}
|
||
|
catch (err) {
|
||
|
onceWrapper(() => {
|
||
|
resolvePromise(promise, false, err);
|
||
|
})();
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
promise[symbolState] = state;
|
||
|
const queue = promise[symbolValue];
|
||
|
promise[symbolValue] = value;
|
||
|
if (promise[symbolFinally] === symbolFinally) {
|
||
|
// the promise is generated by Promise.prototype.finally
|
||
|
if (state === RESOLVED) {
|
||
|
// the state is resolved, should ignore the value
|
||
|
// and use parent promise value
|
||
|
promise[symbolState] = promise[symbolParentPromiseState];
|
||
|
promise[symbolValue] = promise[symbolParentPromiseValue];
|
||
|
}
|
||
|
}
|
||
|
// record task information in value when error occurs, so we can
|
||
|
// do some additional work such as render longStackTrace
|
||
|
if (state === REJECTED && value instanceof Error) {
|
||
|
// check if longStackTraceZone is here
|
||
|
const trace = Zone.currentTask && Zone.currentTask.data &&
|
||
|
Zone.currentTask.data[creationTrace];
|
||
|
if (trace) {
|
||
|
// only keep the long stack trace into error when in longStackTraceZone
|
||
|
ObjectDefineProperty(value, CURRENT_TASK_TRACE_SYMBOL, { configurable: true, enumerable: false, writable: true, value: trace });
|
||
|
}
|
||
|
}
|
||
|
for (let i = 0; i < queue.length;) {
|
||
|
scheduleResolveOrReject(promise, queue[i++], queue[i++], queue[i++], queue[i++]);
|
||
|
}
|
||
|
if (queue.length == 0 && state == REJECTED) {
|
||
|
promise[symbolState] = REJECTED_NO_CATCH;
|
||
|
let uncaughtPromiseError = value;
|
||
|
try {
|
||
|
// Here we throws a new Error to print more readable error log
|
||
|
// and if the value is not an error, zone.js builds an `Error`
|
||
|
// Object here to attach the stack information.
|
||
|
throw new Error('Uncaught (in promise): ' + readableObjectToString(value) +
|
||
|
(value && value.stack ? '\n' + value.stack : ''));
|
||
|
}
|
||
|
catch (err) {
|
||
|
uncaughtPromiseError = err;
|
||
|
}
|
||
|
if (isDisableWrappingUncaughtPromiseRejection) {
|
||
|
// If disable wrapping uncaught promise reject
|
||
|
// use the value instead of wrapping it.
|
||
|
uncaughtPromiseError.throwOriginal = true;
|
||
|
}
|
||
|
uncaughtPromiseError.rejection = value;
|
||
|
uncaughtPromiseError.promise = promise;
|
||
|
uncaughtPromiseError.zone = Zone.current;
|
||
|
uncaughtPromiseError.task = Zone.currentTask;
|
||
|
_uncaughtPromiseErrors.push(uncaughtPromiseError);
|
||
|
api.scheduleMicroTask(); // to make sure that it is running
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// Resolving an already resolved promise is a noop.
|
||
|
return promise;
|
||
|
}
|
||
|
const REJECTION_HANDLED_HANDLER = __symbol__('rejectionHandledHandler');
|
||
|
function clearRejectedNoCatch(promise) {
|
||
|
if (promise[symbolState] === REJECTED_NO_CATCH) {
|
||
|
// if the promise is rejected no catch status
|
||
|
// and queue.length > 0, means there is a error handler
|
||
|
// here to handle the rejected promise, we should trigger
|
||
|
// windows.rejectionhandled eventHandler or nodejs rejectionHandled
|
||
|
// eventHandler
|
||
|
try {
|
||
|
const handler = Zone[REJECTION_HANDLED_HANDLER];
|
||
|
if (handler && typeof handler === 'function') {
|
||
|
handler.call(this, { rejection: promise[symbolValue], promise: promise });
|
||
|
}
|
||
|
}
|
||
|
catch (err) {
|
||
|
}
|
||
|
promise[symbolState] = REJECTED;
|
||
|
for (let i = 0; i < _uncaughtPromiseErrors.length; i++) {
|
||
|
if (promise === _uncaughtPromiseErrors[i].promise) {
|
||
|
_uncaughtPromiseErrors.splice(i, 1);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
function scheduleResolveOrReject(promise, zone, chainPromise, onFulfilled, onRejected) {
|
||
|
clearRejectedNoCatch(promise);
|
||
|
const promiseState = promise[symbolState];
|
||
|
const delegate = promiseState ?
|
||
|
(typeof onFulfilled === 'function') ? onFulfilled : forwardResolution :
|
||
|
(typeof onRejected === 'function') ? onRejected :
|
||
|
forwardRejection;
|
||
|
zone.scheduleMicroTask(source, () => {
|
||
|
try {
|
||
|
const parentPromiseValue = promise[symbolValue];
|
||
|
const isFinallyPromise = !!chainPromise && symbolFinally === chainPromise[symbolFinally];
|
||
|
if (isFinallyPromise) {
|
||
|
// if the promise is generated from finally call, keep parent promise's state and value
|
||
|
chainPromise[symbolParentPromiseValue] = parentPromiseValue;
|
||
|
chainPromise[symbolParentPromiseState] = promiseState;
|
||
|
}
|
||
|
// should not pass value to finally callback
|
||
|
const value = zone.run(delegate, undefined, isFinallyPromise && delegate !== forwardRejection && delegate !== forwardResolution ?
|
||
|
[] :
|
||
|
[parentPromiseValue]);
|
||
|
resolvePromise(chainPromise, true, value);
|
||
|
}
|
||
|
catch (error) {
|
||
|
// if error occurs, should always return this error
|
||
|
resolvePromise(chainPromise, false, error);
|
||
|
}
|
||
|
}, chainPromise);
|
||
|
}
|
||
|
const ZONE_AWARE_PROMISE_TO_STRING = 'function ZoneAwarePromise() { [native code] }';
|
||
|
const noop = function () { };
|
||
|
const AggregateError = global.AggregateError;
|
||
|
class ZoneAwarePromise {
|
||
|
static toString() {
|
||
|
return ZONE_AWARE_PROMISE_TO_STRING;
|
||
|
}
|
||
|
static resolve(value) {
|
||
|
return resolvePromise(new this(null), RESOLVED, value);
|
||
|
}
|
||
|
static reject(error) {
|
||
|
return resolvePromise(new this(null), REJECTED, error);
|
||
|
}
|
||
|
static any(values) {
|
||
|
if (!values || typeof values[Symbol.iterator] !== 'function') {
|
||
|
return Promise.reject(new AggregateError([], 'All promises were rejected'));
|
||
|
}
|
||
|
const promises = [];
|
||
|
let count = 0;
|
||
|
try {
|
||
|
for (let v of values) {
|
||
|
count++;
|
||
|
promises.push(ZoneAwarePromise.resolve(v));
|
||
|
}
|
||
|
}
|
||
|
catch (err) {
|
||
|
return Promise.reject(new AggregateError([], 'All promises were rejected'));
|
||
|
}
|
||
|
if (count === 0) {
|
||
|
return Promise.reject(new AggregateError([], 'All promises were rejected'));
|
||
|
}
|
||
|
let finished = false;
|
||
|
const errors = [];
|
||
|
return new ZoneAwarePromise((resolve, reject) => {
|
||
|
for (let i = 0; i < promises.length; i++) {
|
||
|
promises[i].then(v => {
|
||
|
if (finished) {
|
||
|
return;
|
||
|
}
|
||
|
finished = true;
|
||
|
resolve(v);
|
||
|
}, err => {
|
||
|
errors.push(err);
|
||
|
count--;
|
||
|
if (count === 0) {
|
||
|
finished = true;
|
||
|
reject(new AggregateError(errors, 'All promises were rejected'));
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
;
|
||
|
static race(values) {
|
||
|
let resolve;
|
||
|
let reject;
|
||
|
let promise = new this((res, rej) => {
|
||
|
resolve = res;
|
||
|
reject = rej;
|
||
|
});
|
||
|
function onResolve(value) {
|
||
|
resolve(value);
|
||
|
}
|
||
|
function onReject(error) {
|
||
|
reject(error);
|
||
|
}
|
||
|
for (let value of values) {
|
||
|
if (!isThenable(value)) {
|
||
|
value = this.resolve(value);
|
||
|
}
|
||
|
value.then(onResolve, onReject);
|
||
|
}
|
||
|
return promise;
|
||
|
}
|
||
|
static all(values) {
|
||
|
return ZoneAwarePromise.allWithCallback(values);
|
||
|
}
|
||
|
static allSettled(values) {
|
||
|
const P = this && this.prototype instanceof ZoneAwarePromise ? this : ZoneAwarePromise;
|
||
|
return P.allWithCallback(values, {
|
||
|
thenCallback: (value) => ({ status: 'fulfilled', value }),
|
||
|
errorCallback: (err) => ({ status: 'rejected', reason: err })
|
||
|
});
|
||
|
}
|
||
|
static allWithCallback(values, callback) {
|
||
|
let resolve;
|
||
|
let reject;
|
||
|
let promise = new this((res, rej) => {
|
||
|
resolve = res;
|
||
|
reject = rej;
|
||
|
});
|
||
|
// Start at 2 to prevent prematurely resolving if .then is called immediately.
|
||
|
let unresolvedCount = 2;
|
||
|
let valueIndex = 0;
|
||
|
const resolvedValues = [];
|
||
|
for (let value of values) {
|
||
|
if (!isThenable(value)) {
|
||
|
value = this.resolve(value);
|
||
|
}
|
||
|
const curValueIndex = valueIndex;
|
||
|
try {
|
||
|
value.then((value) => {
|
||
|
resolvedValues[curValueIndex] = callback ? callback.thenCallback(value) : value;
|
||
|
unresolvedCount--;
|
||
|
if (unresolvedCount === 0) {
|
||
|
resolve(resolvedValues);
|
||
|
}
|
||
|
}, (err) => {
|
||
|
if (!callback) {
|
||
|
reject(err);
|
||
|
}
|
||
|
else {
|
||
|
resolvedValues[curValueIndex] = callback.errorCallback(err);
|
||
|
unresolvedCount--;
|
||
|
if (unresolvedCount === 0) {
|
||
|
resolve(resolvedValues);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
catch (thenErr) {
|
||
|
reject(thenErr);
|
||
|
}
|
||
|
unresolvedCount++;
|
||
|
valueIndex++;
|
||
|
}
|
||
|
// Make the unresolvedCount zero-based again.
|
||
|
unresolvedCount -= 2;
|
||
|
if (unresolvedCount === 0) {
|
||
|
resolve(resolvedValues);
|
||
|
}
|
||
|
return promise;
|
||
|
}
|
||
|
constructor(executor) {
|
||
|
const promise = this;
|
||
|
if (!(promise instanceof ZoneAwarePromise)) {
|
||
|
throw new Error('Must be an instanceof Promise.');
|
||
|
}
|
||
|
promise[symbolState] = UNRESOLVED;
|
||
|
promise[symbolValue] = []; // queue;
|
||
|
try {
|
||
|
const onceWrapper = once();
|
||
|
executor &&
|
||
|
executor(onceWrapper(makeResolver(promise, RESOLVED)), onceWrapper(makeResolver(promise, REJECTED)));
|
||
|
}
|
||
|
catch (error) {
|
||
|
resolvePromise(promise, false, error);
|
||
|
}
|
||
|
}
|
||
|
get [Symbol.toStringTag]() {
|
||
|
return 'Promise';
|
||
|
}
|
||
|
get [Symbol.species]() {
|
||
|
return ZoneAwarePromise;
|
||
|
}
|
||
|
then(onFulfilled, onRejected) {
|
||
|
// We must read `Symbol.species` safely because `this` may be anything. For instance, `this`
|
||
|
// may be an object without a prototype (created through `Object.create(null)`); thus
|
||
|
// `this.constructor` will be undefined. One of the use cases is SystemJS creating
|
||
|
// prototype-less objects (modules) via `Object.create(null)`. The SystemJS creates an empty
|
||
|
// object and copies promise properties into that object (within the `getOrCreateLoad`
|
||
|
// function). The zone.js then checks if the resolved value has the `then` method and invokes
|
||
|
// it with the `value` context. Otherwise, this will throw an error: `TypeError: Cannot read
|
||
|
// properties of undefined (reading 'Symbol(Symbol.species)')`.
|
||
|
let C = this.constructor?.[Symbol.species];
|
||
|
if (!C || typeof C !== 'function') {
|
||
|
C = this.constructor || ZoneAwarePromise;
|
||
|
}
|
||
|
const chainPromise = new C(noop);
|
||
|
const zone = Zone.current;
|
||
|
if (this[symbolState] == UNRESOLVED) {
|
||
|
this[symbolValue].push(zone, chainPromise, onFulfilled, onRejected);
|
||
|
}
|
||
|
else {
|
||
|
scheduleResolveOrReject(this, zone, chainPromise, onFulfilled, onRejected);
|
||
|
}
|
||
|
return chainPromise;
|
||
|
}
|
||
|
catch(onRejected) {
|
||
|
return this.then(null, onRejected);
|
||
|
}
|
||
|
finally(onFinally) {
|
||
|
// See comment on the call to `then` about why thee `Symbol.species` is safely accessed.
|
||
|
let C = this.constructor?.[Symbol.species];
|
||
|
if (!C || typeof C !== 'function') {
|
||
|
C = ZoneAwarePromise;
|
||
|
}
|
||
|
const chainPromise = new C(noop);
|
||
|
chainPromise[symbolFinally] = symbolFinally;
|
||
|
const zone = Zone.current;
|
||
|
if (this[symbolState] == UNRESOLVED) {
|
||
|
this[symbolValue].push(zone, chainPromise, onFinally, onFinally);
|
||
|
}
|
||
|
else {
|
||
|
scheduleResolveOrReject(this, zone, chainPromise, onFinally, onFinally);
|
||
|
}
|
||
|
return chainPromise;
|
||
|
}
|
||
|
}
|
||
|
// Protect against aggressive optimizers dropping seemingly unused properties.
|
||
|
// E.g. Closure Compiler in advanced mode.
|
||
|
ZoneAwarePromise['resolve'] = ZoneAwarePromise.resolve;
|
||
|
ZoneAwarePromise['reject'] = ZoneAwarePromise.reject;
|
||
|
ZoneAwarePromise['race'] = ZoneAwarePromise.race;
|
||
|
ZoneAwarePromise['all'] = ZoneAwarePromise.all;
|
||
|
const NativePromise = global[symbolPromise] = global['Promise'];
|
||
|
global['Promise'] = ZoneAwarePromise;
|
||
|
const symbolThenPatched = __symbol__('thenPatched');
|
||
|
function patchThen(Ctor) {
|
||
|
const proto = Ctor.prototype;
|
||
|
const prop = ObjectGetOwnPropertyDescriptor(proto, 'then');
|
||
|
if (prop && (prop.writable === false || !prop.configurable)) {
|
||
|
// check Ctor.prototype.then propertyDescriptor is writable or not
|
||
|
// in meteor env, writable is false, we should ignore such case
|
||
|
return;
|
||
|
}
|
||
|
const originalThen = proto.then;
|
||
|
// Keep a reference to the original method.
|
||
|
proto[symbolThen] = originalThen;
|
||
|
Ctor.prototype.then = function (onResolve, onReject) {
|
||
|
const wrapped = new ZoneAwarePromise((resolve, reject) => {
|
||
|
originalThen.call(this, resolve, reject);
|
||
|
});
|
||
|
return wrapped.then(onResolve, onReject);
|
||
|
};
|
||
|
Ctor[symbolThenPatched] = true;
|
||
|
}
|
||
|
api.patchThen = patchThen;
|
||
|
function zoneify(fn) {
|
||
|
return function (self, args) {
|
||
|
let resultPromise = fn.apply(self, args);
|
||
|
if (resultPromise instanceof ZoneAwarePromise) {
|
||
|
return resultPromise;
|
||
|
}
|
||
|
let ctor = resultPromise.constructor;
|
||
|
if (!ctor[symbolThenPatched]) {
|
||
|
patchThen(ctor);
|
||
|
}
|
||
|
return resultPromise;
|
||
|
};
|
||
|
}
|
||
|
if (NativePromise) {
|
||
|
patchThen(NativePromise);
|
||
|
patchMethod(global, 'fetch', delegate => zoneify(delegate));
|
||
|
}
|
||
|
// This is not part of public API, but it is useful for tests, so we expose it.
|
||
|
Promise[Zone.__symbol__('uncaughtPromiseErrors')] = _uncaughtPromiseErrors;
|
||
|
return ZoneAwarePromise;
|
||
|
});
|
||
|
|
||
|
// override Function.prototype.toString to make zone.js patched function
|
||
|
// look like native function
|
||
|
Zone.__load_patch('toString', (global) => {
|
||
|
// patch Func.prototype.toString to let them look like native
|
||
|
const originalFunctionToString = Function.prototype.toString;
|
||
|
const ORIGINAL_DELEGATE_SYMBOL = zoneSymbol('OriginalDelegate');
|
||
|
const PROMISE_SYMBOL = zoneSymbol('Promise');
|
||
|
const ERROR_SYMBOL = zoneSymbol('Error');
|
||
|
const newFunctionToString = function toString() {
|
||
|
if (typeof this === 'function') {
|
||
|
const originalDelegate = this[ORIGINAL_DELEGATE_SYMBOL];
|
||
|
if (originalDelegate) {
|
||
|
if (typeof originalDelegate === 'function') {
|
||
|
return originalFunctionToString.call(originalDelegate);
|
||
|
}
|
||
|
else {
|
||
|
return Object.prototype.toString.call(originalDelegate);
|
||
|
}
|
||
|
}
|
||
|
if (this === Promise) {
|
||
|
const nativePromise = global[PROMISE_SYMBOL];
|
||
|
if (nativePromise) {
|
||
|
return originalFunctionToString.call(nativePromise);
|
||
|
}
|
||
|
}
|
||
|
if (this === Error) {
|
||
|
const nativeError = global[ERROR_SYMBOL];
|
||
|
if (nativeError) {
|
||
|
return originalFunctionToString.call(nativeError);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return originalFunctionToString.call(this);
|
||
|
};
|
||
|
newFunctionToString[ORIGINAL_DELEGATE_SYMBOL] = originalFunctionToString;
|
||
|
Function.prototype.toString = newFunctionToString;
|
||
|
// patch Object.prototype.toString to let them look like native
|
||
|
const originalObjectToString = Object.prototype.toString;
|
||
|
const PROMISE_OBJECT_TO_STRING = '[object Promise]';
|
||
|
Object.prototype.toString = function () {
|
||
|
if (typeof Promise === 'function' && this instanceof Promise) {
|
||
|
return PROMISE_OBJECT_TO_STRING;
|
||
|
}
|
||
|
return originalObjectToString.call(this);
|
||
|
};
|
||
|
});
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {missingRequire}
|
||
|
*/
|
||
|
let passiveSupported = false;
|
||
|
if (typeof window !== 'undefined') {
|
||
|
try {
|
||
|
const options = Object.defineProperty({}, 'passive', {
|
||
|
get: function () {
|
||
|
passiveSupported = true;
|
||
|
}
|
||
|
});
|
||
|
// Note: We pass the `options` object as the event handler too. This is not compatible with the
|
||
|
// signature of `addEventListener` or `removeEventListener` but enables us to remove the handler
|
||
|
// without an actual handler.
|
||
|
window.addEventListener('test', options, options);
|
||
|
window.removeEventListener('test', options, options);
|
||
|
}
|
||
|
catch (err) {
|
||
|
passiveSupported = false;
|
||
|
}
|
||
|
}
|
||
|
// an identifier to tell ZoneTask do not create a new invoke closure
|
||
|
const OPTIMIZED_ZONE_EVENT_TASK_DATA = {
|
||
|
useG: true
|
||
|
};
|
||
|
const zoneSymbolEventNames = {};
|
||
|
const globalSources = {};
|
||
|
const EVENT_NAME_SYMBOL_REGX = new RegExp('^' + ZONE_SYMBOL_PREFIX + '(\\w+)(true|false)$');
|
||
|
const IMMEDIATE_PROPAGATION_SYMBOL = zoneSymbol('propagationStopped');
|
||
|
function prepareEventNames(eventName, eventNameToString) {
|
||
|
const falseEventName = (eventNameToString ? eventNameToString(eventName) : eventName) + FALSE_STR;
|
||
|
const trueEventName = (eventNameToString ? eventNameToString(eventName) : eventName) + TRUE_STR;
|
||
|
const symbol = ZONE_SYMBOL_PREFIX + falseEventName;
|
||
|
const symbolCapture = ZONE_SYMBOL_PREFIX + trueEventName;
|
||
|
zoneSymbolEventNames[eventName] = {};
|
||
|
zoneSymbolEventNames[eventName][FALSE_STR] = symbol;
|
||
|
zoneSymbolEventNames[eventName][TRUE_STR] = symbolCapture;
|
||
|
}
|
||
|
function patchEventTarget(_global, api, apis, patchOptions) {
|
||
|
const ADD_EVENT_LISTENER = (patchOptions && patchOptions.add) || ADD_EVENT_LISTENER_STR;
|
||
|
const REMOVE_EVENT_LISTENER = (patchOptions && patchOptions.rm) || REMOVE_EVENT_LISTENER_STR;
|
||
|
const LISTENERS_EVENT_LISTENER = (patchOptions && patchOptions.listeners) || 'eventListeners';
|
||
|
const REMOVE_ALL_LISTENERS_EVENT_LISTENER = (patchOptions && patchOptions.rmAll) || 'removeAllListeners';
|
||
|
const zoneSymbolAddEventListener = zoneSymbol(ADD_EVENT_LISTENER);
|
||
|
const ADD_EVENT_LISTENER_SOURCE = '.' + ADD_EVENT_LISTENER + ':';
|
||
|
const PREPEND_EVENT_LISTENER = 'prependListener';
|
||
|
const PREPEND_EVENT_LISTENER_SOURCE = '.' + PREPEND_EVENT_LISTENER + ':';
|
||
|
const invokeTask = function (task, target, event) {
|
||
|
// for better performance, check isRemoved which is set
|
||
|
// by removeEventListener
|
||
|
if (task.isRemoved) {
|
||
|
return;
|
||
|
}
|
||
|
const delegate = task.callback;
|
||
|
if (typeof delegate === 'object' && delegate.handleEvent) {
|
||
|
// create the bind version of handleEvent when invoke
|
||
|
task.callback = (event) => delegate.handleEvent(event);
|
||
|
task.originalDelegate = delegate;
|
||
|
}
|
||
|
// invoke static task.invoke
|
||
|
// need to try/catch error here, otherwise, the error in one event listener
|
||
|
// will break the executions of the other event listeners. Also error will
|
||
|
// not remove the event listener when `once` options is true.
|
||
|
let error;
|
||
|
try {
|
||
|
task.invoke(task, target, [event]);
|
||
|
}
|
||
|
catch (err) {
|
||
|
error = err;
|
||
|
}
|
||
|
const options = task.options;
|
||
|
if (options && typeof options === 'object' && options.once) {
|
||
|
// if options.once is true, after invoke once remove listener here
|
||
|
// only browser need to do this, nodejs eventEmitter will cal removeListener
|
||
|
// inside EventEmitter.once
|
||
|
const delegate = task.originalDelegate ? task.originalDelegate : task.callback;
|
||
|
target[REMOVE_EVENT_LISTENER].call(target, event.type, delegate, options);
|
||
|
}
|
||
|
return error;
|
||
|
};
|
||
|
function globalCallback(context, event, isCapture) {
|
||
|
// https://github.com/angular/zone.js/issues/911, in IE, sometimes
|
||
|
// event will be undefined, so we need to use window.event
|
||
|
event = event || _global.event;
|
||
|
if (!event) {
|
||
|
return;
|
||
|
}
|
||
|
// event.target is needed for Samsung TV and SourceBuffer
|
||
|
// || global is needed https://github.com/angular/zone.js/issues/190
|
||
|
const target = context || event.target || _global;
|
||
|
const tasks = target[zoneSymbolEventNames[event.type][isCapture ? TRUE_STR : FALSE_STR]];
|
||
|
if (tasks) {
|
||
|
const errors = [];
|
||
|
// invoke all tasks which attached to current target with given event.type and capture = false
|
||
|
// for performance concern, if task.length === 1, just invoke
|
||
|
if (tasks.length === 1) {
|
||
|
const err = invokeTask(tasks[0], target, event);
|
||
|
err && errors.push(err);
|
||
|
}
|
||
|
else {
|
||
|
// https://github.com/angular/zone.js/issues/836
|
||
|
// copy the tasks array before invoke, to avoid
|
||
|
// the callback will remove itself or other listener
|
||
|
const copyTasks = tasks.slice();
|
||
|
for (let i = 0; i < copyTasks.length; i++) {
|
||
|
if (event && event[IMMEDIATE_PROPAGATION_SYMBOL] === true) {
|
||
|
break;
|
||
|
}
|
||
|
const err = invokeTask(copyTasks[i], target, event);
|
||
|
err && errors.push(err);
|
||
|
}
|
||
|
}
|
||
|
// Since there is only one error, we don't need to schedule microTask
|
||
|
// to throw the error.
|
||
|
if (errors.length === 1) {
|
||
|
throw errors[0];
|
||
|
}
|
||
|
else {
|
||
|
for (let i = 0; i < errors.length; i++) {
|
||
|
const err = errors[i];
|
||
|
api.nativeScheduleMicroTask(() => {
|
||
|
throw err;
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// global shared zoneAwareCallback to handle all event callback with capture = false
|
||
|
const globalZoneAwareCallback = function (event) {
|
||
|
return globalCallback(this, event, false);
|
||
|
};
|
||
|
// global shared zoneAwareCallback to handle all event callback with capture = true
|
||
|
const globalZoneAwareCaptureCallback = function (event) {
|
||
|
return globalCallback(this, event, true);
|
||
|
};
|
||
|
function patchEventTargetMethods(obj, patchOptions) {
|
||
|
if (!obj) {
|
||
|
return false;
|
||
|
}
|
||
|
let useGlobalCallback = true;
|
||
|
if (patchOptions && patchOptions.useG !== undefined) {
|
||
|
useGlobalCallback = patchOptions.useG;
|
||
|
}
|
||
|
const validateHandler = patchOptions && patchOptions.vh;
|
||
|
let checkDuplicate = true;
|
||
|
if (patchOptions && patchOptions.chkDup !== undefined) {
|
||
|
checkDuplicate = patchOptions.chkDup;
|
||
|
}
|
||
|
let returnTarget = false;
|
||
|
if (patchOptions && patchOptions.rt !== undefined) {
|
||
|
returnTarget = patchOptions.rt;
|
||
|
}
|
||
|
let proto = obj;
|
||
|
while (proto && !proto.hasOwnProperty(ADD_EVENT_LISTENER)) {
|
||
|
proto = ObjectGetPrototypeOf(proto);
|
||
|
}
|
||
|
if (!proto && obj[ADD_EVENT_LISTENER]) {
|
||
|
// somehow we did not find it, but we can see it. This happens on IE for Window properties.
|
||
|
proto = obj;
|
||
|
}
|
||
|
if (!proto) {
|
||
|
return false;
|
||
|
}
|
||
|
if (proto[zoneSymbolAddEventListener]) {
|
||
|
return false;
|
||
|
}
|
||
|
const eventNameToString = patchOptions && patchOptions.eventNameToString;
|
||
|
// a shared global taskData to pass data for scheduleEventTask
|
||
|
// so we do not need to create a new object just for pass some data
|
||
|
const taskData = {};
|
||
|
const nativeAddEventListener = proto[zoneSymbolAddEventListener] = proto[ADD_EVENT_LISTENER];
|
||
|
const nativeRemoveEventListener = proto[zoneSymbol(REMOVE_EVENT_LISTENER)] =
|
||
|
proto[REMOVE_EVENT_LISTENER];
|
||
|
const nativeListeners = proto[zoneSymbol(LISTENERS_EVENT_LISTENER)] =
|
||
|
proto[LISTENERS_EVENT_LISTENER];
|
||
|
const nativeRemoveAllListeners = proto[zoneSymbol(REMOVE_ALL_LISTENERS_EVENT_LISTENER)] =
|
||
|
proto[REMOVE_ALL_LISTENERS_EVENT_LISTENER];
|
||
|
let nativePrependEventListener;
|
||
|
if (patchOptions && patchOptions.prepend) {
|
||
|
nativePrependEventListener = proto[zoneSymbol(patchOptions.prepend)] =
|
||
|
proto[patchOptions.prepend];
|
||
|
}
|
||
|
/**
|
||
|
* This util function will build an option object with passive option
|
||
|
* to handle all possible input from the user.
|
||
|
*/
|
||
|
function buildEventListenerOptions(options, passive) {
|
||
|
if (!passiveSupported && typeof options === 'object' && options) {
|
||
|
// doesn't support passive but user want to pass an object as options.
|
||
|
// this will not work on some old browser, so we just pass a boolean
|
||
|
// as useCapture parameter
|
||
|
return !!options.capture;
|
||
|
}
|
||
|
if (!passiveSupported || !passive) {
|
||
|
return options;
|
||
|
}
|
||
|
if (typeof options === 'boolean') {
|
||
|
return { capture: options, passive: true };
|
||
|
}
|
||
|
if (!options) {
|
||
|
return { passive: true };
|
||
|
}
|
||
|
if (typeof options === 'object' && options.passive !== false) {
|
||
|
return { ...options, passive: true };
|
||
|
}
|
||
|
return options;
|
||
|
}
|
||
|
const customScheduleGlobal = function (task) {
|
||
|
// if there is already a task for the eventName + capture,
|
||
|
// just return, because we use the shared globalZoneAwareCallback here.
|
||
|
if (taskData.isExisting) {
|
||
|
return;
|
||
|
}
|
||
|
return nativeAddEventListener.call(taskData.target, taskData.eventName, taskData.capture ? globalZoneAwareCaptureCallback : globalZoneAwareCallback, taskData.options);
|
||
|
};
|
||
|
const customCancelGlobal = function (task) {
|
||
|
// if task is not marked as isRemoved, this call is directly
|
||
|
// from Zone.prototype.cancelTask, we should remove the task
|
||
|
// from tasksList of target first
|
||
|
if (!task.isRemoved) {
|
||
|
const symbolEventNames = zoneSymbolEventNames[task.eventName];
|
||
|
let symbolEventName;
|
||
|
if (symbolEventNames) {
|
||
|
symbolEventName = symbolEventNames[task.capture ? TRUE_STR : FALSE_STR];
|
||
|
}
|
||
|
const existingTasks = symbolEventName && task.target[symbolEventName];
|
||
|
if (existingTasks) {
|
||
|
for (let i = 0; i < existingTasks.length; i++) {
|
||
|
const existingTask = existingTasks[i];
|
||
|
if (existingTask === task) {
|
||
|
existingTasks.splice(i, 1);
|
||
|
// set isRemoved to data for faster invokeTask check
|
||
|
task.isRemoved = true;
|
||
|
if (existingTasks.length === 0) {
|
||
|
// all tasks for the eventName + capture have gone,
|
||
|
// remove globalZoneAwareCallback and remove the task cache from target
|
||
|
task.allRemoved = true;
|
||
|
task.target[symbolEventName] = null;
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// if all tasks for the eventName + capture have gone,
|
||
|
// we will really remove the global event callback,
|
||
|
// if not, return
|
||
|
if (!task.allRemoved) {
|
||
|
return;
|
||
|
}
|
||
|
return nativeRemoveEventListener.call(task.target, task.eventName, task.capture ? globalZoneAwareCaptureCallback : globalZoneAwareCallback, task.options);
|
||
|
};
|
||
|
const customScheduleNonGlobal = function (task) {
|
||
|
return nativeAddEventListener.call(taskData.target, taskData.eventName, task.invoke, taskData.options);
|
||
|
};
|
||
|
const customSchedulePrepend = function (task) {
|
||
|
return nativePrependEventListener.call(taskData.target, taskData.eventName, task.invoke, taskData.options);
|
||
|
};
|
||
|
const customCancelNonGlobal = function (task) {
|
||
|
return nativeRemoveEventListener.call(task.target, task.eventName, task.invoke, task.options);
|
||
|
};
|
||
|
const customSchedule = useGlobalCallback ? customScheduleGlobal : customScheduleNonGlobal;
|
||
|
const customCancel = useGlobalCallback ? customCancelGlobal : customCancelNonGlobal;
|
||
|
const compareTaskCallbackVsDelegate = function (task, delegate) {
|
||
|
const typeOfDelegate = typeof delegate;
|
||
|
return (typeOfDelegate === 'function' && task.callback === delegate) ||
|
||
|
(typeOfDelegate === 'object' && task.originalDelegate === delegate);
|
||
|
};
|
||
|
const compare = (patchOptions && patchOptions.diff) ? patchOptions.diff : compareTaskCallbackVsDelegate;
|
||
|
const unpatchedEvents = Zone[zoneSymbol('UNPATCHED_EVENTS')];
|
||
|
const passiveEvents = _global[zoneSymbol('PASSIVE_EVENTS')];
|
||
|
const makeAddListener = function (nativeListener, addSource, customScheduleFn, customCancelFn, returnTarget = false, prepend = false) {
|
||
|
return function () {
|
||
|
const target = this || _global;
|
||
|
let eventName = arguments[0];
|
||
|
if (patchOptions && patchOptions.transferEventName) {
|
||
|
eventName = patchOptions.transferEventName(eventName);
|
||
|
}
|
||
|
let delegate = arguments[1];
|
||
|
if (!delegate) {
|
||
|
return nativeListener.apply(this, arguments);
|
||
|
}
|
||
|
if (isNode && eventName === 'uncaughtException') {
|
||
|
// don't patch uncaughtException of nodejs to prevent endless loop
|
||
|
return nativeListener.apply(this, arguments);
|
||
|
}
|
||
|
// don't create the bind delegate function for handleEvent
|
||
|
// case here to improve addEventListener performance
|
||
|
// we will create the bind delegate when invoke
|
||
|
let isHandleEvent = false;
|
||
|
if (typeof delegate !== 'function') {
|
||
|
if (!delegate.handleEvent) {
|
||
|
return nativeListener.apply(this, arguments);
|
||
|
}
|
||
|
isHandleEvent = true;
|
||
|
}
|
||
|
if (validateHandler && !validateHandler(nativeListener, delegate, target, arguments)) {
|
||
|
return;
|
||
|
}
|
||
|
const passive = passiveSupported && !!passiveEvents && passiveEvents.indexOf(eventName) !== -1;
|
||
|
const options = buildEventListenerOptions(arguments[2], passive);
|
||
|
if (unpatchedEvents) {
|
||
|
// check unpatched list
|
||
|
for (let i = 0; i < unpatchedEvents.length; i++) {
|
||
|
if (eventName === unpatchedEvents[i]) {
|
||
|
if (passive) {
|
||
|
return nativeListener.call(target, eventName, delegate, options);
|
||
|
}
|
||
|
else {
|
||
|
return nativeListener.apply(this, arguments);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
const capture = !options ? false : typeof options === 'boolean' ? true : options.capture;
|
||
|
const once = options && typeof options === 'object' ? options.once : false;
|
||
|
const zone = Zone.current;
|
||
|
let symbolEventNames = zoneSymbolEventNames[eventName];
|
||
|
if (!symbolEventNames) {
|
||
|
prepareEventNames(eventName, eventNameToString);
|
||
|
symbolEventNames = zoneSymbolEventNames[eventName];
|
||
|
}
|
||
|
const symbolEventName = symbolEventNames[capture ? TRUE_STR : FALSE_STR];
|
||
|
let existingTasks = target[symbolEventName];
|
||
|
let isExisting = false;
|
||
|
if (existingTasks) {
|
||
|
// already have task registered
|
||
|
isExisting = true;
|
||
|
if (checkDuplicate) {
|
||
|
for (let i = 0; i < existingTasks.length; i++) {
|
||
|
if (compare(existingTasks[i], delegate)) {
|
||
|
// same callback, same capture, same event name, just return
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
existingTasks = target[symbolEventName] = [];
|
||
|
}
|
||
|
let source;
|
||
|
const constructorName = target.constructor['name'];
|
||
|
const targetSource = globalSources[constructorName];
|
||
|
if (targetSource) {
|
||
|
source = targetSource[eventName];
|
||
|
}
|
||
|
if (!source) {
|
||
|
source = constructorName + addSource +
|
||
|
(eventNameToString ? eventNameToString(eventName) : eventName);
|
||
|
}
|
||
|
// do not create a new object as task.data to pass those things
|
||
|
// just use the global shared one
|
||
|
taskData.options = options;
|
||
|
if (once) {
|
||
|
// if addEventListener with once options, we don't pass it to
|
||
|
// native addEventListener, instead we keep the once setting
|
||
|
// and handle ourselves.
|
||
|
taskData.options.once = false;
|
||
|
}
|
||
|
taskData.target = target;
|
||
|
taskData.capture = capture;
|
||
|
taskData.eventName = eventName;
|
||
|
taskData.isExisting = isExisting;
|
||
|
const data = useGlobalCallback ? OPTIMIZED_ZONE_EVENT_TASK_DATA : undefined;
|
||
|
// keep taskData into data to allow onScheduleEventTask to access the task information
|
||
|
if (data) {
|
||
|
data.taskData = taskData;
|
||
|
}
|
||
|
const task = zone.scheduleEventTask(source, delegate, data, customScheduleFn, customCancelFn);
|
||
|
// should clear taskData.target to avoid memory leak
|
||
|
// issue, https://github.com/angular/angular/issues/20442
|
||
|
taskData.target = null;
|
||
|
// need to clear up taskData because it is a global object
|
||
|
if (data) {
|
||
|
data.taskData = null;
|
||
|
}
|
||
|
// have to save those information to task in case
|
||
|
// application may call task.zone.cancelTask() directly
|
||
|
if (once) {
|
||
|
options.once = true;
|
||
|
}
|
||
|
if (!(!passiveSupported && typeof task.options === 'boolean')) {
|
||
|
// if not support passive, and we pass an option object
|
||
|
// to addEventListener, we should save the options to task
|
||
|
task.options = options;
|
||
|
}
|
||
|
task.target = target;
|
||
|
task.capture = capture;
|
||
|
task.eventName = eventName;
|
||
|
if (isHandleEvent) {
|
||
|
// save original delegate for compare to check duplicate
|
||
|
task.originalDelegate = delegate;
|
||
|
}
|
||
|
if (!prepend) {
|
||
|
existingTasks.push(task);
|
||
|
}
|
||
|
else {
|
||
|
existingTasks.unshift(task);
|
||
|
}
|
||
|
if (returnTarget) {
|
||
|
return target;
|
||
|
}
|
||
|
};
|
||
|
};
|
||
|
proto[ADD_EVENT_LISTENER] = makeAddListener(nativeAddEventListener, ADD_EVENT_LISTENER_SOURCE, customSchedule, customCancel, returnTarget);
|
||
|
if (nativePrependEventListener) {
|
||
|
proto[PREPEND_EVENT_LISTENER] = makeAddListener(nativePrependEventListener, PREPEND_EVENT_LISTENER_SOURCE, customSchedulePrepend, customCancel, returnTarget, true);
|
||
|
}
|
||
|
proto[REMOVE_EVENT_LISTENER] = function () {
|
||
|
const target = this || _global;
|
||
|
let eventName = arguments[0];
|
||
|
if (patchOptions && patchOptions.transferEventName) {
|
||
|
eventName = patchOptions.transferEventName(eventName);
|
||
|
}
|
||
|
const options = arguments[2];
|
||
|
const capture = !options ? false : typeof options === 'boolean' ? true : options.capture;
|
||
|
const delegate = arguments[1];
|
||
|
if (!delegate) {
|
||
|
return nativeRemoveEventListener.apply(this, arguments);
|
||
|
}
|
||
|
if (validateHandler &&
|
||
|
!validateHandler(nativeRemoveEventListener, delegate, target, arguments)) {
|
||
|
return;
|
||
|
}
|
||
|
const symbolEventNames = zoneSymbolEventNames[eventName];
|
||
|
let symbolEventName;
|
||
|
if (symbolEventNames) {
|
||
|
symbolEventName = symbolEventNames[capture ? TRUE_STR : FALSE_STR];
|
||
|
}
|
||
|
const existingTasks = symbolEventName && target[symbolEventName];
|
||
|
if (existingTasks) {
|
||
|
for (let i = 0; i < existingTasks.length; i++) {
|
||
|
const existingTask = existingTasks[i];
|
||
|
if (compare(existingTask, delegate)) {
|
||
|
existingTasks.splice(i, 1);
|
||
|
// set isRemoved to data for faster invokeTask check
|
||
|
existingTask.isRemoved = true;
|
||
|
if (existingTasks.length === 0) {
|
||
|
// all tasks for the eventName + capture have gone,
|
||
|
// remove globalZoneAwareCallback and remove the task cache from target
|
||
|
existingTask.allRemoved = true;
|
||
|
target[symbolEventName] = null;
|
||
|
// in the target, we have an event listener which is added by on_property
|
||
|
// such as target.onclick = function() {}, so we need to clear this internal
|
||
|
// property too if all delegates all removed
|
||
|
if (typeof eventName === 'string') {
|
||
|
const onPropertySymbol = ZONE_SYMBOL_PREFIX + 'ON_PROPERTY' + eventName;
|
||
|
target[onPropertySymbol] = null;
|
||
|
}
|
||
|
}
|
||
|
existingTask.zone.cancelTask(existingTask);
|
||
|
if (returnTarget) {
|
||
|
return target;
|
||
|
}
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// issue 930, didn't find the event name or callback
|
||
|
// from zone kept existingTasks, the callback maybe
|
||
|
// added outside of zone, we need to call native removeEventListener
|
||
|
// to try to remove it.
|
||
|
return nativeRemoveEventListener.apply(this, arguments);
|
||
|
};
|
||
|
proto[LISTENERS_EVENT_LISTENER] = function () {
|
||
|
const target = this || _global;
|
||
|
let eventName = arguments[0];
|
||
|
if (patchOptions && patchOptions.transferEventName) {
|
||
|
eventName = patchOptions.transferEventName(eventName);
|
||
|
}
|
||
|
const listeners = [];
|
||
|
const tasks = findEventTasks(target, eventNameToString ? eventNameToString(eventName) : eventName);
|
||
|
for (let i = 0; i < tasks.length; i++) {
|
||
|
const task = tasks[i];
|
||
|
let delegate = task.originalDelegate ? task.originalDelegate : task.callback;
|
||
|
listeners.push(delegate);
|
||
|
}
|
||
|
return listeners;
|
||
|
};
|
||
|
proto[REMOVE_ALL_LISTENERS_EVENT_LISTENER] = function () {
|
||
|
const target = this || _global;
|
||
|
let eventName = arguments[0];
|
||
|
if (!eventName) {
|
||
|
const keys = Object.keys(target);
|
||
|
for (let i = 0; i < keys.length; i++) {
|
||
|
const prop = keys[i];
|
||
|
const match = EVENT_NAME_SYMBOL_REGX.exec(prop);
|
||
|
let evtName = match && match[1];
|
||
|
// in nodejs EventEmitter, removeListener event is
|
||
|
// used for monitoring the removeListener call,
|
||
|
// so just keep removeListener eventListener until
|
||
|
// all other eventListeners are removed
|
||
|
if (evtName && evtName !== 'removeListener') {
|
||
|
this[REMOVE_ALL_LISTENERS_EVENT_LISTENER].call(this, evtName);
|
||
|
}
|
||
|
}
|
||
|
// remove removeListener listener finally
|
||
|
this[REMOVE_ALL_LISTENERS_EVENT_LISTENER].call(this, 'removeListener');
|
||
|
}
|
||
|
else {
|
||
|
if (patchOptions && patchOptions.transferEventName) {
|
||
|
eventName = patchOptions.transferEventName(eventName);
|
||
|
}
|
||
|
const symbolEventNames = zoneSymbolEventNames[eventName];
|
||
|
if (symbolEventNames) {
|
||
|
const symbolEventName = symbolEventNames[FALSE_STR];
|
||
|
const symbolCaptureEventName = symbolEventNames[TRUE_STR];
|
||
|
const tasks = target[symbolEventName];
|
||
|
const captureTasks = target[symbolCaptureEventName];
|
||
|
if (tasks) {
|
||
|
const removeTasks = tasks.slice();
|
||
|
for (let i = 0; i < removeTasks.length; i++) {
|
||
|
const task = removeTasks[i];
|
||
|
let delegate = task.originalDelegate ? task.originalDelegate : task.callback;
|
||
|
this[REMOVE_EVENT_LISTENER].call(this, eventName, delegate, task.options);
|
||
|
}
|
||
|
}
|
||
|
if (captureTasks) {
|
||
|
const removeTasks = captureTasks.slice();
|
||
|
for (let i = 0; i < removeTasks.length; i++) {
|
||
|
const task = removeTasks[i];
|
||
|
let delegate = task.originalDelegate ? task.originalDelegate : task.callback;
|
||
|
this[REMOVE_EVENT_LISTENER].call(this, eventName, delegate, task.options);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
if (returnTarget) {
|
||
|
return this;
|
||
|
}
|
||
|
};
|
||
|
// for native toString patch
|
||
|
attachOriginToPatched(proto[ADD_EVENT_LISTENER], nativeAddEventListener);
|
||
|
attachOriginToPatched(proto[REMOVE_EVENT_LISTENER], nativeRemoveEventListener);
|
||
|
if (nativeRemoveAllListeners) {
|
||
|
attachOriginToPatched(proto[REMOVE_ALL_LISTENERS_EVENT_LISTENER], nativeRemoveAllListeners);
|
||
|
}
|
||
|
if (nativeListeners) {
|
||
|
attachOriginToPatched(proto[LISTENERS_EVENT_LISTENER], nativeListeners);
|
||
|
}
|
||
|
return true;
|
||
|
}
|
||
|
let results = [];
|
||
|
for (let i = 0; i < apis.length; i++) {
|
||
|
results[i] = patchEventTargetMethods(apis[i], patchOptions);
|
||
|
}
|
||
|
return results;
|
||
|
}
|
||
|
function findEventTasks(target, eventName) {
|
||
|
if (!eventName) {
|
||
|
const foundTasks = [];
|
||
|
for (let prop in target) {
|
||
|
const match = EVENT_NAME_SYMBOL_REGX.exec(prop);
|
||
|
let evtName = match && match[1];
|
||
|
if (evtName && (!eventName || evtName === eventName)) {
|
||
|
const tasks = target[prop];
|
||
|
if (tasks) {
|
||
|
for (let i = 0; i < tasks.length; i++) {
|
||
|
foundTasks.push(tasks[i]);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return foundTasks;
|
||
|
}
|
||
|
let symbolEventName = zoneSymbolEventNames[eventName];
|
||
|
if (!symbolEventName) {
|
||
|
prepareEventNames(eventName);
|
||
|
symbolEventName = zoneSymbolEventNames[eventName];
|
||
|
}
|
||
|
const captureFalseTasks = target[symbolEventName[FALSE_STR]];
|
||
|
const captureTrueTasks = target[symbolEventName[TRUE_STR]];
|
||
|
if (!captureFalseTasks) {
|
||
|
return captureTrueTasks ? captureTrueTasks.slice() : [];
|
||
|
}
|
||
|
else {
|
||
|
return captureTrueTasks ? captureFalseTasks.concat(captureTrueTasks) :
|
||
|
captureFalseTasks.slice();
|
||
|
}
|
||
|
}
|
||
|
function patchEventPrototype(global, api) {
|
||
|
const Event = global['Event'];
|
||
|
if (Event && Event.prototype) {
|
||
|
api.patchMethod(Event.prototype, 'stopImmediatePropagation', (delegate) => function (self, args) {
|
||
|
self[IMMEDIATE_PROPAGATION_SYMBOL] = true;
|
||
|
// we need to call the native stopImmediatePropagation
|
||
|
// in case in some hybrid application, some part of
|
||
|
// application will be controlled by zone, some are not
|
||
|
delegate && delegate.apply(self, args);
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function patchCallbacks(api, target, targetName, method, callbacks) {
|
||
|
const symbol = Zone.__symbol__(method);
|
||
|
if (target[symbol]) {
|
||
|
return;
|
||
|
}
|
||
|
const nativeDelegate = target[symbol] = target[method];
|
||
|
target[method] = function (name, opts, options) {
|
||
|
if (opts && opts.prototype) {
|
||
|
callbacks.forEach(function (callback) {
|
||
|
const source = `${targetName}.${method}::` + callback;
|
||
|
const prototype = opts.prototype;
|
||
|
// Note: the `patchCallbacks` is used for patching the `document.registerElement` and
|
||
|
// `customElements.define`. We explicitly wrap the patching code into try-catch since
|
||
|
// callbacks may be already patched by other web components frameworks (e.g. LWC), and they
|
||
|
// make those properties non-writable. This means that patching callback will throw an error
|
||
|
// `cannot assign to read-only property`. See this code as an example:
|
||
|
// https://github.com/salesforce/lwc/blob/master/packages/@lwc/engine-core/src/framework/base-bridge-element.ts#L180-L186
|
||
|
// We don't want to stop the application rendering if we couldn't patch some
|
||
|
// callback, e.g. `attributeChangedCallback`.
|
||
|
try {
|
||
|
if (prototype.hasOwnProperty(callback)) {
|
||
|
const descriptor = api.ObjectGetOwnPropertyDescriptor(prototype, callback);
|
||
|
if (descriptor && descriptor.value) {
|
||
|
descriptor.value = api.wrapWithCurrentZone(descriptor.value, source);
|
||
|
api._redefineProperty(opts.prototype, callback, descriptor);
|
||
|
}
|
||
|
else if (prototype[callback]) {
|
||
|
prototype[callback] = api.wrapWithCurrentZone(prototype[callback], source);
|
||
|
}
|
||
|
}
|
||
|
else if (prototype[callback]) {
|
||
|
prototype[callback] = api.wrapWithCurrentZone(prototype[callback], source);
|
||
|
}
|
||
|
}
|
||
|
catch {
|
||
|
// Note: we leave the catch block empty since there's no way to handle the error related
|
||
|
// to non-writable property.
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
return nativeDelegate.call(target, name, opts, options);
|
||
|
};
|
||
|
api.attachOriginToPatched(target[method], nativeDelegate);
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {globalThis}
|
||
|
*/
|
||
|
function filterProperties(target, onProperties, ignoreProperties) {
|
||
|
if (!ignoreProperties || ignoreProperties.length === 0) {
|
||
|
return onProperties;
|
||
|
}
|
||
|
const tip = ignoreProperties.filter(ip => ip.target === target);
|
||
|
if (!tip || tip.length === 0) {
|
||
|
return onProperties;
|
||
|
}
|
||
|
const targetIgnoreProperties = tip[0].ignoreProperties;
|
||
|
return onProperties.filter(op => targetIgnoreProperties.indexOf(op) === -1);
|
||
|
}
|
||
|
function patchFilteredProperties(target, onProperties, ignoreProperties, prototype) {
|
||
|
// check whether target is available, sometimes target will be undefined
|
||
|
// because different browser or some 3rd party plugin.
|
||
|
if (!target) {
|
||
|
return;
|
||
|
}
|
||
|
const filteredProperties = filterProperties(target, onProperties, ignoreProperties);
|
||
|
patchOnProperties(target, filteredProperties, prototype);
|
||
|
}
|
||
|
/**
|
||
|
* Get all event name properties which the event name startsWith `on`
|
||
|
* from the target object itself, inherited properties are not considered.
|
||
|
*/
|
||
|
function getOnEventNames(target) {
|
||
|
return Object.getOwnPropertyNames(target)
|
||
|
.filter(name => name.startsWith('on') && name.length > 2)
|
||
|
.map(name => name.substring(2));
|
||
|
}
|
||
|
function propertyDescriptorPatch(api, _global) {
|
||
|
if (isNode && !isMix) {
|
||
|
return;
|
||
|
}
|
||
|
if (Zone[api.symbol('patchEvents')]) {
|
||
|
// events are already been patched by legacy patch.
|
||
|
return;
|
||
|
}
|
||
|
const ignoreProperties = _global['__Zone_ignore_on_properties'];
|
||
|
// for browsers that we can patch the descriptor: Chrome & Firefox
|
||
|
let patchTargets = [];
|
||
|
if (isBrowser) {
|
||
|
const internalWindow = window;
|
||
|
patchTargets = patchTargets.concat([
|
||
|
'Document', 'SVGElement', 'Element', 'HTMLElement', 'HTMLBodyElement', 'HTMLMediaElement',
|
||
|
'HTMLFrameSetElement', 'HTMLFrameElement', 'HTMLIFrameElement', 'HTMLMarqueeElement', 'Worker'
|
||
|
]);
|
||
|
const ignoreErrorProperties = isIE() ? [{ target: internalWindow, ignoreProperties: ['error'] }] : [];
|
||
|
// in IE/Edge, onProp not exist in window object, but in WindowPrototype
|
||
|
// so we need to pass WindowPrototype to check onProp exist or not
|
||
|
patchFilteredProperties(internalWindow, getOnEventNames(internalWindow), ignoreProperties ? ignoreProperties.concat(ignoreErrorProperties) : ignoreProperties, ObjectGetPrototypeOf(internalWindow));
|
||
|
}
|
||
|
patchTargets = patchTargets.concat([
|
||
|
'XMLHttpRequest', 'XMLHttpRequestEventTarget', 'IDBIndex', 'IDBRequest', 'IDBOpenDBRequest',
|
||
|
'IDBDatabase', 'IDBTransaction', 'IDBCursor', 'WebSocket'
|
||
|
]);
|
||
|
for (let i = 0; i < patchTargets.length; i++) {
|
||
|
const target = _global[patchTargets[i]];
|
||
|
target && target.prototype &&
|
||
|
patchFilteredProperties(target.prototype, getOnEventNames(target.prototype), ignoreProperties);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
Zone.__load_patch('util', (global, Zone, api) => {
|
||
|
// Collect native event names by looking at properties
|
||
|
// on the global namespace, e.g. 'onclick'.
|
||
|
const eventNames = getOnEventNames(global);
|
||
|
api.patchOnProperties = patchOnProperties;
|
||
|
api.patchMethod = patchMethod;
|
||
|
api.bindArguments = bindArguments;
|
||
|
api.patchMacroTask = patchMacroTask;
|
||
|
// In earlier version of zone.js (<0.9.0), we use env name `__zone_symbol__BLACK_LISTED_EVENTS` to
|
||
|
// define which events will not be patched by `Zone.js`.
|
||
|
// In newer version (>=0.9.0), we change the env name to `__zone_symbol__UNPATCHED_EVENTS` to keep
|
||
|
// the name consistent with angular repo.
|
||
|
// The `__zone_symbol__BLACK_LISTED_EVENTS` is deprecated, but it is still be supported for
|
||
|
// backwards compatibility.
|
||
|
const SYMBOL_BLACK_LISTED_EVENTS = Zone.__symbol__('BLACK_LISTED_EVENTS');
|
||
|
const SYMBOL_UNPATCHED_EVENTS = Zone.__symbol__('UNPATCHED_EVENTS');
|
||
|
if (global[SYMBOL_UNPATCHED_EVENTS]) {
|
||
|
global[SYMBOL_BLACK_LISTED_EVENTS] = global[SYMBOL_UNPATCHED_EVENTS];
|
||
|
}
|
||
|
if (global[SYMBOL_BLACK_LISTED_EVENTS]) {
|
||
|
Zone[SYMBOL_BLACK_LISTED_EVENTS] = Zone[SYMBOL_UNPATCHED_EVENTS] =
|
||
|
global[SYMBOL_BLACK_LISTED_EVENTS];
|
||
|
}
|
||
|
api.patchEventPrototype = patchEventPrototype;
|
||
|
api.patchEventTarget = patchEventTarget;
|
||
|
api.isIEOrEdge = isIEOrEdge;
|
||
|
api.ObjectDefineProperty = ObjectDefineProperty;
|
||
|
api.ObjectGetOwnPropertyDescriptor = ObjectGetOwnPropertyDescriptor;
|
||
|
api.ObjectCreate = ObjectCreate;
|
||
|
api.ArraySlice = ArraySlice;
|
||
|
api.patchClass = patchClass;
|
||
|
api.wrapWithCurrentZone = wrapWithCurrentZone;
|
||
|
api.filterProperties = filterProperties;
|
||
|
api.attachOriginToPatched = attachOriginToPatched;
|
||
|
api._redefineProperty = Object.defineProperty;
|
||
|
api.patchCallbacks = patchCallbacks;
|
||
|
api.getGlobalObjects = () => ({
|
||
|
globalSources,
|
||
|
zoneSymbolEventNames,
|
||
|
eventNames,
|
||
|
isBrowser,
|
||
|
isMix,
|
||
|
isNode,
|
||
|
TRUE_STR,
|
||
|
FALSE_STR,
|
||
|
ZONE_SYMBOL_PREFIX,
|
||
|
ADD_EVENT_LISTENER_STR,
|
||
|
REMOVE_EVENT_LISTENER_STR
|
||
|
});
|
||
|
});
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {missingRequire}
|
||
|
*/
|
||
|
function patchQueueMicrotask(global, api) {
|
||
|
api.patchMethod(global, 'queueMicrotask', (delegate) => {
|
||
|
return function (self, args) {
|
||
|
Zone.current.scheduleMicroTask('queueMicrotask', args[0]);
|
||
|
};
|
||
|
});
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {missingRequire}
|
||
|
*/
|
||
|
const taskSymbol = zoneSymbol('zoneTask');
|
||
|
function patchTimer(window, setName, cancelName, nameSuffix) {
|
||
|
let setNative = null;
|
||
|
let clearNative = null;
|
||
|
setName += nameSuffix;
|
||
|
cancelName += nameSuffix;
|
||
|
const tasksByHandleId = {};
|
||
|
function scheduleTask(task) {
|
||
|
const data = task.data;
|
||
|
data.args[0] = function () {
|
||
|
return task.invoke.apply(this, arguments);
|
||
|
};
|
||
|
data.handleId = setNative.apply(window, data.args);
|
||
|
return task;
|
||
|
}
|
||
|
function clearTask(task) {
|
||
|
return clearNative.call(window, task.data.handleId);
|
||
|
}
|
||
|
setNative =
|
||
|
patchMethod(window, setName, (delegate) => function (self, args) {
|
||
|
if (typeof args[0] === 'function') {
|
||
|
const options = {
|
||
|
isPeriodic: nameSuffix === 'Interval',
|
||
|
delay: (nameSuffix === 'Timeout' || nameSuffix === 'Interval') ? args[1] || 0 :
|
||
|
undefined,
|
||
|
args: args
|
||
|
};
|
||
|
const callback = args[0];
|
||
|
args[0] = function timer() {
|
||
|
try {
|
||
|
return callback.apply(this, arguments);
|
||
|
}
|
||
|
finally {
|
||
|
// issue-934, task will be cancelled
|
||
|
// even it is a periodic task such as
|
||
|
// setInterval
|
||
|
// https://github.com/angular/angular/issues/40387
|
||
|
// Cleanup tasksByHandleId should be handled before scheduleTask
|
||
|
// Since some zoneSpec may intercept and doesn't trigger
|
||
|
// scheduleFn(scheduleTask) provided here.
|
||
|
if (!(options.isPeriodic)) {
|
||
|
if (typeof options.handleId === 'number') {
|
||
|
// in non-nodejs env, we remove timerId
|
||
|
// from local cache
|
||
|
delete tasksByHandleId[options.handleId];
|
||
|
}
|
||
|
else if (options.handleId) {
|
||
|
// Node returns complex objects as handleIds
|
||
|
// we remove task reference from timer object
|
||
|
options.handleId[taskSymbol] = null;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
const task = scheduleMacroTaskWithCurrentZone(setName, args[0], options, scheduleTask, clearTask);
|
||
|
if (!task) {
|
||
|
return task;
|
||
|
}
|
||
|
// Node.js must additionally support the ref and unref functions.
|
||
|
const handle = task.data.handleId;
|
||
|
if (typeof handle === 'number') {
|
||
|
// for non nodejs env, we save handleId: task
|
||
|
// mapping in local cache for clearTimeout
|
||
|
tasksByHandleId[handle] = task;
|
||
|
}
|
||
|
else if (handle) {
|
||
|
// for nodejs env, we save task
|
||
|
// reference in timerId Object for clearTimeout
|
||
|
handle[taskSymbol] = task;
|
||
|
}
|
||
|
// check whether handle is null, because some polyfill or browser
|
||
|
// may return undefined from setTimeout/setInterval/setImmediate/requestAnimationFrame
|
||
|
if (handle && handle.ref && handle.unref && typeof handle.ref === 'function' &&
|
||
|
typeof handle.unref === 'function') {
|
||
|
task.ref = handle.ref.bind(handle);
|
||
|
task.unref = handle.unref.bind(handle);
|
||
|
}
|
||
|
if (typeof handle === 'number' || handle) {
|
||
|
return handle;
|
||
|
}
|
||
|
return task;
|
||
|
}
|
||
|
else {
|
||
|
// cause an error by calling it directly.
|
||
|
return delegate.apply(window, args);
|
||
|
}
|
||
|
});
|
||
|
clearNative =
|
||
|
patchMethod(window, cancelName, (delegate) => function (self, args) {
|
||
|
const id = args[0];
|
||
|
let task;
|
||
|
if (typeof id === 'number') {
|
||
|
// non nodejs env.
|
||
|
task = tasksByHandleId[id];
|
||
|
}
|
||
|
else {
|
||
|
// nodejs env.
|
||
|
task = id && id[taskSymbol];
|
||
|
// other environments.
|
||
|
if (!task) {
|
||
|
task = id;
|
||
|
}
|
||
|
}
|
||
|
if (task && typeof task.type === 'string') {
|
||
|
if (task.state !== 'notScheduled' &&
|
||
|
(task.cancelFn && task.data.isPeriodic || task.runCount === 0)) {
|
||
|
if (typeof id === 'number') {
|
||
|
delete tasksByHandleId[id];
|
||
|
}
|
||
|
else if (id) {
|
||
|
id[taskSymbol] = null;
|
||
|
}
|
||
|
// Do not cancel already canceled functions
|
||
|
task.zone.cancelTask(task);
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
// cause an error by calling it directly.
|
||
|
delegate.apply(window, args);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function patchCustomElements(_global, api) {
|
||
|
const { isBrowser, isMix } = api.getGlobalObjects();
|
||
|
if ((!isBrowser && !isMix) || !_global['customElements'] || !('customElements' in _global)) {
|
||
|
return;
|
||
|
}
|
||
|
const callbacks = ['connectedCallback', 'disconnectedCallback', 'adoptedCallback', 'attributeChangedCallback'];
|
||
|
api.patchCallbacks(api, _global.customElements, 'customElements', 'define', callbacks);
|
||
|
}
|
||
|
|
||
|
function eventTargetPatch(_global, api) {
|
||
|
if (Zone[api.symbol('patchEventTarget')]) {
|
||
|
// EventTarget is already patched.
|
||
|
return;
|
||
|
}
|
||
|
const { eventNames, zoneSymbolEventNames, TRUE_STR, FALSE_STR, ZONE_SYMBOL_PREFIX } = api.getGlobalObjects();
|
||
|
// predefine all __zone_symbol__ + eventName + true/false string
|
||
|
for (let i = 0; i < eventNames.length; i++) {
|
||
|
const eventName = eventNames[i];
|
||
|
const falseEventName = eventName + FALSE_STR;
|
||
|
const trueEventName = eventName + TRUE_STR;
|
||
|
const symbol = ZONE_SYMBOL_PREFIX + falseEventName;
|
||
|
const symbolCapture = ZONE_SYMBOL_PREFIX + trueEventName;
|
||
|
zoneSymbolEventNames[eventName] = {};
|
||
|
zoneSymbolEventNames[eventName][FALSE_STR] = symbol;
|
||
|
zoneSymbolEventNames[eventName][TRUE_STR] = symbolCapture;
|
||
|
}
|
||
|
const EVENT_TARGET = _global['EventTarget'];
|
||
|
if (!EVENT_TARGET || !EVENT_TARGET.prototype) {
|
||
|
return;
|
||
|
}
|
||
|
api.patchEventTarget(_global, api, [EVENT_TARGET && EVENT_TARGET.prototype]);
|
||
|
return true;
|
||
|
}
|
||
|
function patchEvent(global, api) {
|
||
|
api.patchEventPrototype(global, api);
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {missingRequire}
|
||
|
*/
|
||
|
Zone.__load_patch('legacy', (global) => {
|
||
|
const legacyPatch = global[Zone.__symbol__('legacyPatch')];
|
||
|
if (legacyPatch) {
|
||
|
legacyPatch();
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('timers', (global) => {
|
||
|
const set = 'set';
|
||
|
const clear = 'clear';
|
||
|
patchTimer(global, set, clear, 'Timeout');
|
||
|
patchTimer(global, set, clear, 'Interval');
|
||
|
patchTimer(global, set, clear, 'Immediate');
|
||
|
});
|
||
|
Zone.__load_patch('requestAnimationFrame', (global) => {
|
||
|
patchTimer(global, 'request', 'cancel', 'AnimationFrame');
|
||
|
patchTimer(global, 'mozRequest', 'mozCancel', 'AnimationFrame');
|
||
|
patchTimer(global, 'webkitRequest', 'webkitCancel', 'AnimationFrame');
|
||
|
});
|
||
|
Zone.__load_patch('blocking', (global, Zone) => {
|
||
|
const blockingMethods = ['alert', 'prompt', 'confirm'];
|
||
|
for (let i = 0; i < blockingMethods.length; i++) {
|
||
|
const name = blockingMethods[i];
|
||
|
patchMethod(global, name, (delegate, symbol, name) => {
|
||
|
return function (s, args) {
|
||
|
return Zone.current.run(delegate, global, args, name);
|
||
|
};
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('EventTarget', (global, Zone, api) => {
|
||
|
patchEvent(global, api);
|
||
|
eventTargetPatch(global, api);
|
||
|
// patch XMLHttpRequestEventTarget's addEventListener/removeEventListener
|
||
|
const XMLHttpRequestEventTarget = global['XMLHttpRequestEventTarget'];
|
||
|
if (XMLHttpRequestEventTarget && XMLHttpRequestEventTarget.prototype) {
|
||
|
api.patchEventTarget(global, api, [XMLHttpRequestEventTarget.prototype]);
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('MutationObserver', (global, Zone, api) => {
|
||
|
patchClass('MutationObserver');
|
||
|
patchClass('WebKitMutationObserver');
|
||
|
});
|
||
|
Zone.__load_patch('IntersectionObserver', (global, Zone, api) => {
|
||
|
patchClass('IntersectionObserver');
|
||
|
});
|
||
|
Zone.__load_patch('FileReader', (global, Zone, api) => {
|
||
|
patchClass('FileReader');
|
||
|
});
|
||
|
Zone.__load_patch('on_property', (global, Zone, api) => {
|
||
|
propertyDescriptorPatch(api, global);
|
||
|
});
|
||
|
Zone.__load_patch('customElements', (global, Zone, api) => {
|
||
|
patchCustomElements(global, api);
|
||
|
});
|
||
|
Zone.__load_patch('XHR', (global, Zone) => {
|
||
|
// Treat XMLHttpRequest as a macrotask.
|
||
|
patchXHR(global);
|
||
|
const XHR_TASK = zoneSymbol('xhrTask');
|
||
|
const XHR_SYNC = zoneSymbol('xhrSync');
|
||
|
const XHR_LISTENER = zoneSymbol('xhrListener');
|
||
|
const XHR_SCHEDULED = zoneSymbol('xhrScheduled');
|
||
|
const XHR_URL = zoneSymbol('xhrURL');
|
||
|
const XHR_ERROR_BEFORE_SCHEDULED = zoneSymbol('xhrErrorBeforeScheduled');
|
||
|
function patchXHR(window) {
|
||
|
const XMLHttpRequest = window['XMLHttpRequest'];
|
||
|
if (!XMLHttpRequest) {
|
||
|
// XMLHttpRequest is not available in service worker
|
||
|
return;
|
||
|
}
|
||
|
const XMLHttpRequestPrototype = XMLHttpRequest.prototype;
|
||
|
function findPendingTask(target) {
|
||
|
return target[XHR_TASK];
|
||
|
}
|
||
|
let oriAddListener = XMLHttpRequestPrototype[ZONE_SYMBOL_ADD_EVENT_LISTENER];
|
||
|
let oriRemoveListener = XMLHttpRequestPrototype[ZONE_SYMBOL_REMOVE_EVENT_LISTENER];
|
||
|
if (!oriAddListener) {
|
||
|
const XMLHttpRequestEventTarget = window['XMLHttpRequestEventTarget'];
|
||
|
if (XMLHttpRequestEventTarget) {
|
||
|
const XMLHttpRequestEventTargetPrototype = XMLHttpRequestEventTarget.prototype;
|
||
|
oriAddListener = XMLHttpRequestEventTargetPrototype[ZONE_SYMBOL_ADD_EVENT_LISTENER];
|
||
|
oriRemoveListener = XMLHttpRequestEventTargetPrototype[ZONE_SYMBOL_REMOVE_EVENT_LISTENER];
|
||
|
}
|
||
|
}
|
||
|
const READY_STATE_CHANGE = 'readystatechange';
|
||
|
const SCHEDULED = 'scheduled';
|
||
|
function scheduleTask(task) {
|
||
|
const data = task.data;
|
||
|
const target = data.target;
|
||
|
target[XHR_SCHEDULED] = false;
|
||
|
target[XHR_ERROR_BEFORE_SCHEDULED] = false;
|
||
|
// remove existing event listener
|
||
|
const listener = target[XHR_LISTENER];
|
||
|
if (!oriAddListener) {
|
||
|
oriAddListener = target[ZONE_SYMBOL_ADD_EVENT_LISTENER];
|
||
|
oriRemoveListener = target[ZONE_SYMBOL_REMOVE_EVENT_LISTENER];
|
||
|
}
|
||
|
if (listener) {
|
||
|
oriRemoveListener.call(target, READY_STATE_CHANGE, listener);
|
||
|
}
|
||
|
const newListener = target[XHR_LISTENER] = () => {
|
||
|
if (target.readyState === target.DONE) {
|
||
|
// sometimes on some browsers XMLHttpRequest will fire onreadystatechange with
|
||
|
// readyState=4 multiple times, so we need to check task state here
|
||
|
if (!data.aborted && target[XHR_SCHEDULED] && task.state === SCHEDULED) {
|
||
|
// check whether the xhr has registered onload listener
|
||
|
// if that is the case, the task should invoke after all
|
||
|
// onload listeners finish.
|
||
|
// Also if the request failed without response (status = 0), the load event handler
|
||
|
// will not be triggered, in that case, we should also invoke the placeholder callback
|
||
|
// to close the XMLHttpRequest::send macroTask.
|
||
|
// https://github.com/angular/angular/issues/38795
|
||
|
const loadTasks = target[Zone.__symbol__('loadfalse')];
|
||
|
if (target.status !== 0 && loadTasks && loadTasks.length > 0) {
|
||
|
const oriInvoke = task.invoke;
|
||
|
task.invoke = function () {
|
||
|
// need to load the tasks again, because in other
|
||
|
// load listener, they may remove themselves
|
||
|
const loadTasks = target[Zone.__symbol__('loadfalse')];
|
||
|
for (let i = 0; i < loadTasks.length; i++) {
|
||
|
if (loadTasks[i] === task) {
|
||
|
loadTasks.splice(i, 1);
|
||
|
}
|
||
|
}
|
||
|
if (!data.aborted && task.state === SCHEDULED) {
|
||
|
oriInvoke.call(task);
|
||
|
}
|
||
|
};
|
||
|
loadTasks.push(task);
|
||
|
}
|
||
|
else {
|
||
|
task.invoke();
|
||
|
}
|
||
|
}
|
||
|
else if (!data.aborted && target[XHR_SCHEDULED] === false) {
|
||
|
// error occurs when xhr.send()
|
||
|
target[XHR_ERROR_BEFORE_SCHEDULED] = true;
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
oriAddListener.call(target, READY_STATE_CHANGE, newListener);
|
||
|
const storedTask = target[XHR_TASK];
|
||
|
if (!storedTask) {
|
||
|
target[XHR_TASK] = task;
|
||
|
}
|
||
|
sendNative.apply(target, data.args);
|
||
|
target[XHR_SCHEDULED] = true;
|
||
|
return task;
|
||
|
}
|
||
|
function placeholderCallback() { }
|
||
|
function clearTask(task) {
|
||
|
const data = task.data;
|
||
|
// Note - ideally, we would call data.target.removeEventListener here, but it's too late
|
||
|
// to prevent it from firing. So instead, we store info for the event listener.
|
||
|
data.aborted = true;
|
||
|
return abortNative.apply(data.target, data.args);
|
||
|
}
|
||
|
const openNative = patchMethod(XMLHttpRequestPrototype, 'open', () => function (self, args) {
|
||
|
self[XHR_SYNC] = args[2] == false;
|
||
|
self[XHR_URL] = args[1];
|
||
|
return openNative.apply(self, args);
|
||
|
});
|
||
|
const XMLHTTPREQUEST_SOURCE = 'XMLHttpRequest.send';
|
||
|
const fetchTaskAborting = zoneSymbol('fetchTaskAborting');
|
||
|
const fetchTaskScheduling = zoneSymbol('fetchTaskScheduling');
|
||
|
const sendNative = patchMethod(XMLHttpRequestPrototype, 'send', () => function (self, args) {
|
||
|
if (Zone.current[fetchTaskScheduling] === true) {
|
||
|
// a fetch is scheduling, so we are using xhr to polyfill fetch
|
||
|
// and because we already schedule macroTask for fetch, we should
|
||
|
// not schedule a macroTask for xhr again
|
||
|
return sendNative.apply(self, args);
|
||
|
}
|
||
|
if (self[XHR_SYNC]) {
|
||
|
// if the XHR is sync there is no task to schedule, just execute the code.
|
||
|
return sendNative.apply(self, args);
|
||
|
}
|
||
|
else {
|
||
|
const options = { target: self, url: self[XHR_URL], isPeriodic: false, args: args, aborted: false };
|
||
|
const task = scheduleMacroTaskWithCurrentZone(XMLHTTPREQUEST_SOURCE, placeholderCallback, options, scheduleTask, clearTask);
|
||
|
if (self && self[XHR_ERROR_BEFORE_SCHEDULED] === true && !options.aborted &&
|
||
|
task.state === SCHEDULED) {
|
||
|
// xhr request throw error when send
|
||
|
// we should invoke task instead of leaving a scheduled
|
||
|
// pending macroTask
|
||
|
task.invoke();
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
const abortNative = patchMethod(XMLHttpRequestPrototype, 'abort', () => function (self, args) {
|
||
|
const task = findPendingTask(self);
|
||
|
if (task && typeof task.type == 'string') {
|
||
|
// If the XHR has already completed, do nothing.
|
||
|
// If the XHR has already been aborted, do nothing.
|
||
|
// Fix #569, call abort multiple times before done will cause
|
||
|
// macroTask task count be negative number
|
||
|
if (task.cancelFn == null || (task.data && task.data.aborted)) {
|
||
|
return;
|
||
|
}
|
||
|
task.zone.cancelTask(task);
|
||
|
}
|
||
|
else if (Zone.current[fetchTaskAborting] === true) {
|
||
|
// the abort is called from fetch polyfill, we need to call native abort of XHR.
|
||
|
return abortNative.apply(self, args);
|
||
|
}
|
||
|
// Otherwise, we are trying to abort an XHR which has not yet been sent, so there is no
|
||
|
// task
|
||
|
// to cancel. Do nothing.
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('geolocation', (global) => {
|
||
|
/// GEO_LOCATION
|
||
|
if (global['navigator'] && global['navigator'].geolocation) {
|
||
|
patchPrototype(global['navigator'].geolocation, ['getCurrentPosition', 'watchPosition']);
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('PromiseRejectionEvent', (global, Zone) => {
|
||
|
// handle unhandled promise rejection
|
||
|
function findPromiseRejectionHandler(evtName) {
|
||
|
return function (e) {
|
||
|
const eventTasks = findEventTasks(global, evtName);
|
||
|
eventTasks.forEach(eventTask => {
|
||
|
// windows has added unhandledrejection event listener
|
||
|
// trigger the event listener
|
||
|
const PromiseRejectionEvent = global['PromiseRejectionEvent'];
|
||
|
if (PromiseRejectionEvent) {
|
||
|
const evt = new PromiseRejectionEvent(evtName, { promise: e.promise, reason: e.rejection });
|
||
|
eventTask.invoke(evt);
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
}
|
||
|
if (global['PromiseRejectionEvent']) {
|
||
|
Zone[zoneSymbol('unhandledPromiseRejectionHandler')] =
|
||
|
findPromiseRejectionHandler('unhandledrejection');
|
||
|
Zone[zoneSymbol('rejectionHandledHandler')] =
|
||
|
findPromiseRejectionHandler('rejectionhandled');
|
||
|
}
|
||
|
});
|
||
|
Zone.__load_patch('queueMicrotask', (global, Zone, api) => {
|
||
|
patchQueueMicrotask(global, api);
|
||
|
});
|
||
|
|
||
|
/**
|
||
|
* @fileoverview
|
||
|
* @suppress {globalThis}
|
||
|
*/
|
||
|
const NEWLINE = '\n';
|
||
|
const IGNORE_FRAMES = {};
|
||
|
const creationTrace = '__creationTrace__';
|
||
|
const ERROR_TAG = 'STACKTRACE TRACKING';
|
||
|
const SEP_TAG = '__SEP_TAG__';
|
||
|
let sepTemplate = SEP_TAG + '@[native]';
|
||
|
class LongStackTrace {
|
||
|
constructor() {
|
||
|
this.error = getStacktrace();
|
||
|
this.timestamp = new Date();
|
||
|
}
|
||
|
}
|
||
|
function getStacktraceWithUncaughtError() {
|
||
|
return new Error(ERROR_TAG);
|
||
|
}
|
||
|
function getStacktraceWithCaughtError() {
|
||
|
try {
|
||
|
throw getStacktraceWithUncaughtError();
|
||
|
}
|
||
|
catch (err) {
|
||
|
return err;
|
||
|
}
|
||
|
}
|
||
|
// Some implementations of exception handling don't create a stack trace if the exception
|
||
|
// isn't thrown, however it's faster not to actually throw the exception.
|
||
|
const error = getStacktraceWithUncaughtError();
|
||
|
const caughtError = getStacktraceWithCaughtError();
|
||
|
const getStacktrace = error.stack ?
|
||
|
getStacktraceWithUncaughtError :
|
||
|
(caughtError.stack ? getStacktraceWithCaughtError : getStacktraceWithUncaughtError);
|
||
|
function getFrames(error) {
|
||
|
return error.stack ? error.stack.split(NEWLINE) : [];
|
||
|
}
|
||
|
function addErrorStack(lines, error) {
|
||
|
let trace = getFrames(error);
|
||
|
for (let i = 0; i < trace.length; i++) {
|
||
|
const frame = trace[i];
|
||
|
// Filter out the Frames which are part of stack capturing.
|
||
|
if (!IGNORE_FRAMES.hasOwnProperty(frame)) {
|
||
|
lines.push(trace[i]);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
function renderLongStackTrace(frames, stack) {
|
||
|
const longTrace = [stack ? stack.trim() : ''];
|
||
|
if (frames) {
|
||
|
let timestamp = new Date().getTime();
|
||
|
for (let i = 0; i < frames.length; i++) {
|
||
|
const traceFrames = frames[i];
|
||
|
const lastTime = traceFrames.timestamp;
|
||
|
let separator = `____________________Elapsed ${timestamp - lastTime.getTime()} ms; At: ${lastTime}`;
|
||
|
separator = separator.replace(/[^\w\d]/g, '_');
|
||
|
longTrace.push(sepTemplate.replace(SEP_TAG, separator));
|
||
|
addErrorStack(longTrace, traceFrames.error);
|
||
|
timestamp = lastTime.getTime();
|
||
|
}
|
||
|
}
|
||
|
return longTrace.join(NEWLINE);
|
||
|
}
|
||
|
// if Error.stackTraceLimit is 0, means stack trace
|
||
|
// is disabled, so we don't need to generate long stack trace
|
||
|
// this will improve performance in some test(some test will
|
||
|
// set stackTraceLimit to 0, https://github.com/angular/zone.js/issues/698
|
||
|
function stackTracesEnabled() {
|
||
|
// Cast through any since this property only exists on Error in the nodejs
|
||
|
// typings.
|
||
|
return Error.stackTraceLimit > 0;
|
||
|
}
|
||
|
Zone['longStackTraceZoneSpec'] = {
|
||
|
name: 'long-stack-trace',
|
||
|
longStackTraceLimit: 10,
|
||
|
// add a getLongStackTrace method in spec to
|
||
|
// handle handled reject promise error.
|
||
|
getLongStackTrace: function (error) {
|
||
|
if (!error) {
|
||
|
return undefined;
|
||
|
}
|
||
|
const trace = error[Zone.__symbol__('currentTaskTrace')];
|
||
|
if (!trace) {
|
||
|
return error.stack;
|
||
|
}
|
||
|
return renderLongStackTrace(trace, error.stack);
|
||
|
},
|
||
|
onScheduleTask: function (parentZoneDelegate, currentZone, targetZone, task) {
|
||
|
if (stackTracesEnabled()) {
|
||
|
const currentTask = Zone.currentTask;
|
||
|
let trace = currentTask && currentTask.data && currentTask.data[creationTrace] || [];
|
||
|
trace = [new LongStackTrace()].concat(trace);
|
||
|
if (trace.length > this.longStackTraceLimit) {
|
||
|
trace.length = this.longStackTraceLimit;
|
||
|
}
|
||
|
if (!task.data)
|
||
|
task.data = {};
|
||
|
if (task.type === 'eventTask') {
|
||
|
// Fix issue https://github.com/angular/zone.js/issues/1195,
|
||
|
// For event task of browser, by default, all task will share a
|
||
|
// singleton instance of data object, we should create a new one here
|
||
|
// The cast to `any` is required to workaround a closure bug which wrongly applies
|
||
|
// URL sanitization rules to .data access.
|
||
|
task.data = { ...task.data };
|
||
|
}
|
||
|
task.data[creationTrace] = trace;
|
||
|
}
|
||
|
return parentZoneDelegate.scheduleTask(targetZone, task);
|
||
|
},
|
||
|
onHandleError: function (parentZoneDelegate, currentZone, targetZone, error) {
|
||
|
if (stackTracesEnabled()) {
|
||
|
const parentTask = Zone.currentTask || error.task;
|
||
|
if (error instanceof Error && parentTask) {
|
||
|
const longStack = renderLongStackTrace(parentTask.data && parentTask.data[creationTrace], error.stack);
|
||
|
try {
|
||
|
error.stack = error.longStack = longStack;
|
||
|
}
|
||
|
catch (err) {
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return parentZoneDelegate.handleError(targetZone, error);
|
||
|
}
|
||
|
};
|
||
|
function captureStackTraces(stackTraces, count) {
|
||
|
if (count > 0) {
|
||
|
stackTraces.push(getFrames((new LongStackTrace()).error));
|
||
|
captureStackTraces(stackTraces, count - 1);
|
||
|
}
|
||
|
}
|
||
|
function computeIgnoreFrames() {
|
||
|
if (!stackTracesEnabled()) {
|
||
|
return;
|
||
|
}
|
||
|
const frames = [];
|
||
|
captureStackTraces(frames, 2);
|
||
|
const frames1 = frames[0];
|
||
|
const frames2 = frames[1];
|
||
|
for (let i = 0; i < frames1.length; i++) {
|
||
|
const frame1 = frames1[i];
|
||
|
if (frame1.indexOf(ERROR_TAG) == -1) {
|
||
|
let match = frame1.match(/^\s*at\s+/);
|
||
|
if (match) {
|
||
|
sepTemplate = match[0] + SEP_TAG + ' (http://localhost)';
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
for (let i = 0; i < frames1.length; i++) {
|
||
|
const frame1 = frames1[i];
|
||
|
const frame2 = frames2[i];
|
||
|
if (frame1 === frame2) {
|
||
|
IGNORE_FRAMES[frame1] = true;
|
||
|
}
|
||
|
else {
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
computeIgnoreFrames();
|
||
|
|
||
|
class ProxyZoneSpec {
|
||
|
static get() {
|
||
|
return Zone.current.get('ProxyZoneSpec');
|
||
|
}
|
||
|
static isLoaded() {
|
||
|
return ProxyZoneSpec.get() instanceof ProxyZoneSpec;
|
||
|
}
|
||
|
static assertPresent() {
|
||
|
if (!ProxyZoneSpec.isLoaded()) {
|
||
|
throw new Error(`Expected to be running in 'ProxyZone', but it was not found.`);
|
||
|
}
|
||
|
return ProxyZoneSpec.get();
|
||
|
}
|
||
|
constructor(defaultSpecDelegate = null) {
|
||
|
this.defaultSpecDelegate = defaultSpecDelegate;
|
||
|
this.name = 'ProxyZone';
|
||
|
this._delegateSpec = null;
|
||
|
this.properties = { 'ProxyZoneSpec': this };
|
||
|
this.propertyKeys = null;
|
||
|
this.lastTaskState = null;
|
||
|
this.isNeedToTriggerHasTask = false;
|
||
|
this.tasks = [];
|
||
|
this.setDelegate(defaultSpecDelegate);
|
||
|
}
|
||
|
setDelegate(delegateSpec) {
|
||
|
const isNewDelegate = this._delegateSpec !== delegateSpec;
|
||
|
this._delegateSpec = delegateSpec;
|
||
|
this.propertyKeys && this.propertyKeys.forEach((key) => delete this.properties[key]);
|
||
|
this.propertyKeys = null;
|
||
|
if (delegateSpec && delegateSpec.properties) {
|
||
|
this.propertyKeys = Object.keys(delegateSpec.properties);
|
||
|
this.propertyKeys.forEach((k) => this.properties[k] = delegateSpec.properties[k]);
|
||
|
}
|
||
|
// if a new delegateSpec was set, check if we need to trigger hasTask
|
||
|
if (isNewDelegate && this.lastTaskState &&
|
||
|
(this.lastTaskState.macroTask || this.lastTaskState.microTask)) {
|
||
|
this.isNeedToTriggerHasTask = true;
|
||
|
}
|
||
|
}
|
||
|
getDelegate() {
|
||
|
return this._delegateSpec;
|
||
|
}
|
||
|
resetDelegate() {
|
||
|
this.getDelegate();
|
||
|
this.setDelegate(this.defaultSpecDelegate);
|
||
|
}
|
||
|
tryTriggerHasTask(parentZoneDelegate, currentZone, targetZone) {
|
||
|
if (this.isNeedToTriggerHasTask && this.lastTaskState) {
|
||
|
// last delegateSpec has microTask or macroTask
|
||
|
// should call onHasTask in current delegateSpec
|
||
|
this.isNeedToTriggerHasTask = false;
|
||
|
this.onHasTask(parentZoneDelegate, currentZone, targetZone, this.lastTaskState);
|
||
|
}
|
||
|
}
|
||
|
removeFromTasks(task) {
|
||
|
if (!this.tasks) {
|
||
|
return;
|
||
|
}
|
||
|
for (let i = 0; i < this.tasks.length; i++) {
|
||
|
if (this.tasks[i] === task) {
|
||
|
this.tasks.splice(i, 1);
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
getAndClearPendingTasksInfo() {
|
||
|
if (this.tasks.length === 0) {
|
||
|
return '';
|
||
|
}
|
||
|
const taskInfo = this.tasks.map((task) => {
|
||
|
const dataInfo = task.data &&
|
||
|
Object.keys(task.data)
|
||
|
.map((key) => {
|
||
|
return key + ':' + task.data[key];
|
||
|
})
|
||
|
.join(',');
|
||
|
return `type: ${task.type}, source: ${task.source}, args: {${dataInfo}}`;
|
||
|
});
|
||
|
const pendingTasksInfo = '--Pending async tasks are: [' + taskInfo + ']';
|
||
|
// clear tasks
|
||
|
this.tasks = [];
|
||
|
return pendingTasksInfo;
|
||
|
}
|
||
|
onFork(parentZoneDelegate, currentZone, targetZone, zoneSpec) {
|
||
|
if (this._delegateSpec && this._delegateSpec.onFork) {
|
||
|
return this._delegateSpec.onFork(parentZoneDelegate, currentZone, targetZone, zoneSpec);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.fork(targetZone, zoneSpec);
|
||
|
}
|
||
|
}
|
||
|
onIntercept(parentZoneDelegate, currentZone, targetZone, delegate, source) {
|
||
|
if (this._delegateSpec && this._delegateSpec.onIntercept) {
|
||
|
return this._delegateSpec.onIntercept(parentZoneDelegate, currentZone, targetZone, delegate, source);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.intercept(targetZone, delegate, source);
|
||
|
}
|
||
|
}
|
||
|
onInvoke(parentZoneDelegate, currentZone, targetZone, delegate, applyThis, applyArgs, source) {
|
||
|
this.tryTriggerHasTask(parentZoneDelegate, currentZone, targetZone);
|
||
|
if (this._delegateSpec && this._delegateSpec.onInvoke) {
|
||
|
return this._delegateSpec.onInvoke(parentZoneDelegate, currentZone, targetZone, delegate, applyThis, applyArgs, source);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.invoke(targetZone, delegate, applyThis, applyArgs, source);
|
||
|
}
|
||
|
}
|
||
|
onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
|
||
|
if (this._delegateSpec && this._delegateSpec.onHandleError) {
|
||
|
return this._delegateSpec.onHandleError(parentZoneDelegate, currentZone, targetZone, error);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.handleError(targetZone, error);
|
||
|
}
|
||
|
}
|
||
|
onScheduleTask(parentZoneDelegate, currentZone, targetZone, task) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this.tasks.push(task);
|
||
|
}
|
||
|
if (this._delegateSpec && this._delegateSpec.onScheduleTask) {
|
||
|
return this._delegateSpec.onScheduleTask(parentZoneDelegate, currentZone, targetZone, task);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.scheduleTask(targetZone, task);
|
||
|
}
|
||
|
}
|
||
|
onInvokeTask(parentZoneDelegate, currentZone, targetZone, task, applyThis, applyArgs) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this.removeFromTasks(task);
|
||
|
}
|
||
|
this.tryTriggerHasTask(parentZoneDelegate, currentZone, targetZone);
|
||
|
if (this._delegateSpec && this._delegateSpec.onInvokeTask) {
|
||
|
return this._delegateSpec.onInvokeTask(parentZoneDelegate, currentZone, targetZone, task, applyThis, applyArgs);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.invokeTask(targetZone, task, applyThis, applyArgs);
|
||
|
}
|
||
|
}
|
||
|
onCancelTask(parentZoneDelegate, currentZone, targetZone, task) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this.removeFromTasks(task);
|
||
|
}
|
||
|
this.tryTriggerHasTask(parentZoneDelegate, currentZone, targetZone);
|
||
|
if (this._delegateSpec && this._delegateSpec.onCancelTask) {
|
||
|
return this._delegateSpec.onCancelTask(parentZoneDelegate, currentZone, targetZone, task);
|
||
|
}
|
||
|
else {
|
||
|
return parentZoneDelegate.cancelTask(targetZone, task);
|
||
|
}
|
||
|
}
|
||
|
onHasTask(delegate, current, target, hasTaskState) {
|
||
|
this.lastTaskState = hasTaskState;
|
||
|
if (this._delegateSpec && this._delegateSpec.onHasTask) {
|
||
|
this._delegateSpec.onHasTask(delegate, current, target, hasTaskState);
|
||
|
}
|
||
|
else {
|
||
|
delegate.hasTask(target, hasTaskState);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// Export the class so that new instances can be created with proper
|
||
|
// constructor params.
|
||
|
Zone['ProxyZoneSpec'] = ProxyZoneSpec;
|
||
|
|
||
|
class SyncTestZoneSpec {
|
||
|
constructor(namePrefix) {
|
||
|
this.runZone = Zone.current;
|
||
|
this.name = 'syncTestZone for ' + namePrefix;
|
||
|
}
|
||
|
onScheduleTask(delegate, current, target, task) {
|
||
|
switch (task.type) {
|
||
|
case 'microTask':
|
||
|
case 'macroTask':
|
||
|
throw new Error(`Cannot call ${task.source} from within a sync test (${this.name}).`);
|
||
|
case 'eventTask':
|
||
|
task = delegate.scheduleTask(target, task);
|
||
|
break;
|
||
|
}
|
||
|
return task;
|
||
|
}
|
||
|
}
|
||
|
// Export the class so that new instances can be created with proper
|
||
|
// constructor params.
|
||
|
Zone['SyncTestZoneSpec'] = SyncTestZoneSpec;
|
||
|
|
||
|
/// <reference types="jasmine"/>
|
||
|
Zone.__load_patch('jasmine', (global, Zone, api) => {
|
||
|
const __extends = function (d, b) {
|
||
|
for (const p in b)
|
||
|
if (b.hasOwnProperty(p))
|
||
|
d[p] = b[p];
|
||
|
function __() {
|
||
|
this.constructor = d;
|
||
|
}
|
||
|
d.prototype = b === null ? Object.create(b) : ((__.prototype = b.prototype), new __());
|
||
|
};
|
||
|
// Patch jasmine's describe/it/beforeEach/afterEach functions so test code always runs
|
||
|
// in a testZone (ProxyZone). (See: angular/zone.js#91 & angular/angular#10503)
|
||
|
if (!Zone)
|
||
|
throw new Error('Missing: zone.js');
|
||
|
if (typeof jest !== 'undefined') {
|
||
|
// return if jasmine is a light implementation inside jest
|
||
|
// in this case, we are running inside jest not jasmine
|
||
|
return;
|
||
|
}
|
||
|
if (typeof jasmine == 'undefined' || jasmine['__zone_patch__']) {
|
||
|
return;
|
||
|
}
|
||
|
jasmine['__zone_patch__'] = true;
|
||
|
const SyncTestZoneSpec = Zone['SyncTestZoneSpec'];
|
||
|
const ProxyZoneSpec = Zone['ProxyZoneSpec'];
|
||
|
if (!SyncTestZoneSpec)
|
||
|
throw new Error('Missing: SyncTestZoneSpec');
|
||
|
if (!ProxyZoneSpec)
|
||
|
throw new Error('Missing: ProxyZoneSpec');
|
||
|
const ambientZone = Zone.current;
|
||
|
const symbol = Zone.__symbol__;
|
||
|
// whether patch jasmine clock when in fakeAsync
|
||
|
const disablePatchingJasmineClock = global[symbol('fakeAsyncDisablePatchingClock')] === true;
|
||
|
// the original variable name fakeAsyncPatchLock is not accurate, so the name will be
|
||
|
// fakeAsyncAutoFakeAsyncWhenClockPatched and if this enablePatchingJasmineClock is false, we also
|
||
|
// automatically disable the auto jump into fakeAsync feature
|
||
|
const enableAutoFakeAsyncWhenClockPatched = !disablePatchingJasmineClock &&
|
||
|
((global[symbol('fakeAsyncPatchLock')] === true) ||
|
||
|
(global[symbol('fakeAsyncAutoFakeAsyncWhenClockPatched')] === true));
|
||
|
const ignoreUnhandledRejection = global[symbol('ignoreUnhandledRejection')] === true;
|
||
|
if (!ignoreUnhandledRejection) {
|
||
|
const globalErrors = jasmine.GlobalErrors;
|
||
|
if (globalErrors && !jasmine[symbol('GlobalErrors')]) {
|
||
|
jasmine[symbol('GlobalErrors')] = globalErrors;
|
||
|
jasmine.GlobalErrors = function () {
|
||
|
const instance = new globalErrors();
|
||
|
const originalInstall = instance.install;
|
||
|
if (originalInstall && !instance[symbol('install')]) {
|
||
|
instance[symbol('install')] = originalInstall;
|
||
|
instance.install = function () {
|
||
|
const isNode = typeof process !== 'undefined' && !!process.on;
|
||
|
// Note: Jasmine checks internally if `process` and `process.on` is defined. Otherwise,
|
||
|
// it installs the browser rejection handler through the `global.addEventListener`.
|
||
|
// This code may be run in the browser environment where `process` is not defined, and
|
||
|
// this will lead to a runtime exception since Webpack 5 removed automatic Node.js
|
||
|
// polyfills. Note, that events are named differently, it's `unhandledRejection` in
|
||
|
// Node.js and `unhandledrejection` in the browser.
|
||
|
const originalHandlers = isNode ? process.listeners('unhandledRejection') :
|
||
|
global.eventListeners('unhandledrejection');
|
||
|
const result = originalInstall.apply(this, arguments);
|
||
|
isNode ? process.removeAllListeners('unhandledRejection') :
|
||
|
global.removeAllListeners('unhandledrejection');
|
||
|
if (originalHandlers) {
|
||
|
originalHandlers.forEach(handler => {
|
||
|
if (isNode) {
|
||
|
process.on('unhandledRejection', handler);
|
||
|
}
|
||
|
else {
|
||
|
global.addEventListener('unhandledrejection', handler);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
return result;
|
||
|
};
|
||
|
}
|
||
|
return instance;
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
// Monkey patch all of the jasmine DSL so that each function runs in appropriate zone.
|
||
|
const jasmineEnv = jasmine.getEnv();
|
||
|
['describe', 'xdescribe', 'fdescribe'].forEach(methodName => {
|
||
|
let originalJasmineFn = jasmineEnv[methodName];
|
||
|
jasmineEnv[methodName] = function (description, specDefinitions) {
|
||
|
return originalJasmineFn.call(this, description, wrapDescribeInZone(description, specDefinitions));
|
||
|
};
|
||
|
});
|
||
|
['it', 'xit', 'fit'].forEach(methodName => {
|
||
|
let originalJasmineFn = jasmineEnv[methodName];
|
||
|
jasmineEnv[symbol(methodName)] = originalJasmineFn;
|
||
|
jasmineEnv[methodName] = function (description, specDefinitions, timeout) {
|
||
|
arguments[1] = wrapTestInZone(specDefinitions);
|
||
|
return originalJasmineFn.apply(this, arguments);
|
||
|
};
|
||
|
});
|
||
|
['beforeEach', 'afterEach', 'beforeAll', 'afterAll'].forEach(methodName => {
|
||
|
let originalJasmineFn = jasmineEnv[methodName];
|
||
|
jasmineEnv[symbol(methodName)] = originalJasmineFn;
|
||
|
jasmineEnv[methodName] = function (specDefinitions, timeout) {
|
||
|
arguments[0] = wrapTestInZone(specDefinitions);
|
||
|
return originalJasmineFn.apply(this, arguments);
|
||
|
};
|
||
|
});
|
||
|
if (!disablePatchingJasmineClock) {
|
||
|
// need to patch jasmine.clock().mockDate and jasmine.clock().tick() so
|
||
|
// they can work properly in FakeAsyncTest
|
||
|
const originalClockFn = (jasmine[symbol('clock')] = jasmine['clock']);
|
||
|
jasmine['clock'] = function () {
|
||
|
const clock = originalClockFn.apply(this, arguments);
|
||
|
if (!clock[symbol('patched')]) {
|
||
|
clock[symbol('patched')] = symbol('patched');
|
||
|
const originalTick = (clock[symbol('tick')] = clock.tick);
|
||
|
clock.tick = function () {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
return fakeAsyncZoneSpec.tick.apply(fakeAsyncZoneSpec, arguments);
|
||
|
}
|
||
|
return originalTick.apply(this, arguments);
|
||
|
};
|
||
|
const originalMockDate = (clock[symbol('mockDate')] = clock.mockDate);
|
||
|
clock.mockDate = function () {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
const dateTime = arguments.length > 0 ? arguments[0] : new Date();
|
||
|
return fakeAsyncZoneSpec.setFakeBaseSystemTime.apply(fakeAsyncZoneSpec, dateTime && typeof dateTime.getTime === 'function' ? [dateTime.getTime()] :
|
||
|
arguments);
|
||
|
}
|
||
|
return originalMockDate.apply(this, arguments);
|
||
|
};
|
||
|
// for auto go into fakeAsync feature, we need the flag to enable it
|
||
|
if (enableAutoFakeAsyncWhenClockPatched) {
|
||
|
['install', 'uninstall'].forEach(methodName => {
|
||
|
const originalClockFn = (clock[symbol(methodName)] = clock[methodName]);
|
||
|
clock[methodName] = function () {
|
||
|
const FakeAsyncTestZoneSpec = Zone['FakeAsyncTestZoneSpec'];
|
||
|
if (FakeAsyncTestZoneSpec) {
|
||
|
jasmine[symbol('clockInstalled')] = 'install' === methodName;
|
||
|
return;
|
||
|
}
|
||
|
return originalClockFn.apply(this, arguments);
|
||
|
};
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
return clock;
|
||
|
};
|
||
|
}
|
||
|
// monkey patch createSpyObj to make properties enumerable to true
|
||
|
if (!jasmine[Zone.__symbol__('createSpyObj')]) {
|
||
|
const originalCreateSpyObj = jasmine.createSpyObj;
|
||
|
jasmine[Zone.__symbol__('createSpyObj')] = originalCreateSpyObj;
|
||
|
jasmine.createSpyObj = function () {
|
||
|
const args = Array.prototype.slice.call(arguments);
|
||
|
const propertyNames = args.length >= 3 ? args[2] : null;
|
||
|
let spyObj;
|
||
|
if (propertyNames) {
|
||
|
const defineProperty = Object.defineProperty;
|
||
|
Object.defineProperty = function (obj, p, attributes) {
|
||
|
return defineProperty.call(this, obj, p, { ...attributes, configurable: true, enumerable: true });
|
||
|
};
|
||
|
try {
|
||
|
spyObj = originalCreateSpyObj.apply(this, args);
|
||
|
}
|
||
|
finally {
|
||
|
Object.defineProperty = defineProperty;
|
||
|
}
|
||
|
}
|
||
|
else {
|
||
|
spyObj = originalCreateSpyObj.apply(this, args);
|
||
|
}
|
||
|
return spyObj;
|
||
|
};
|
||
|
}
|
||
|
/**
|
||
|
* Gets a function wrapping the body of a Jasmine `describe` block to execute in a
|
||
|
* synchronous-only zone.
|
||
|
*/
|
||
|
function wrapDescribeInZone(description, describeBody) {
|
||
|
return function () {
|
||
|
// Create a synchronous-only zone in which to run `describe` blocks in order to raise an
|
||
|
// error if any asynchronous operations are attempted inside of a `describe`.
|
||
|
const syncZone = ambientZone.fork(new SyncTestZoneSpec(`jasmine.describe#${description}`));
|
||
|
return syncZone.run(describeBody, this, arguments);
|
||
|
};
|
||
|
}
|
||
|
function runInTestZone(testBody, applyThis, queueRunner, done) {
|
||
|
const isClockInstalled = !!jasmine[symbol('clockInstalled')];
|
||
|
queueRunner.testProxyZoneSpec;
|
||
|
const testProxyZone = queueRunner.testProxyZone;
|
||
|
if (isClockInstalled && enableAutoFakeAsyncWhenClockPatched) {
|
||
|
// auto run a fakeAsync
|
||
|
const fakeAsyncModule = Zone[Zone.__symbol__('fakeAsyncTest')];
|
||
|
if (fakeAsyncModule && typeof fakeAsyncModule.fakeAsync === 'function') {
|
||
|
testBody = fakeAsyncModule.fakeAsync(testBody);
|
||
|
}
|
||
|
}
|
||
|
if (done) {
|
||
|
return testProxyZone.run(testBody, applyThis, [done]);
|
||
|
}
|
||
|
else {
|
||
|
return testProxyZone.run(testBody, applyThis);
|
||
|
}
|
||
|
}
|
||
|
/**
|
||
|
* Gets a function wrapping the body of a Jasmine `it/beforeEach/afterEach` block to
|
||
|
* execute in a ProxyZone zone.
|
||
|
* This will run in `testProxyZone`. The `testProxyZone` will be reset by the `ZoneQueueRunner`
|
||
|
*/
|
||
|
function wrapTestInZone(testBody) {
|
||
|
// The `done` callback is only passed through if the function expects at least one argument.
|
||
|
// Note we have to make a function with correct number of arguments, otherwise jasmine will
|
||
|
// think that all functions are sync or async.
|
||
|
return (testBody && (testBody.length ? function (done) {
|
||
|
return runInTestZone(testBody, this, this.queueRunner, done);
|
||
|
} : function () {
|
||
|
return runInTestZone(testBody, this, this.queueRunner);
|
||
|
}));
|
||
|
}
|
||
|
const QueueRunner = jasmine.QueueRunner;
|
||
|
jasmine.QueueRunner = (function (_super) {
|
||
|
__extends(ZoneQueueRunner, _super);
|
||
|
function ZoneQueueRunner(attrs) {
|
||
|
if (attrs.onComplete) {
|
||
|
attrs.onComplete = (fn => () => {
|
||
|
// All functions are done, clear the test zone.
|
||
|
this.testProxyZone = null;
|
||
|
this.testProxyZoneSpec = null;
|
||
|
ambientZone.scheduleMicroTask('jasmine.onComplete', fn);
|
||
|
})(attrs.onComplete);
|
||
|
}
|
||
|
const nativeSetTimeout = global[Zone.__symbol__('setTimeout')];
|
||
|
const nativeClearTimeout = global[Zone.__symbol__('clearTimeout')];
|
||
|
if (nativeSetTimeout) {
|
||
|
// should run setTimeout inside jasmine outside of zone
|
||
|
attrs.timeout = {
|
||
|
setTimeout: nativeSetTimeout ? nativeSetTimeout : global.setTimeout,
|
||
|
clearTimeout: nativeClearTimeout ? nativeClearTimeout : global.clearTimeout
|
||
|
};
|
||
|
}
|
||
|
// create a userContext to hold the queueRunner itself
|
||
|
// so we can access the testProxy in it/xit/beforeEach ...
|
||
|
if (jasmine.UserContext) {
|
||
|
if (!attrs.userContext) {
|
||
|
attrs.userContext = new jasmine.UserContext();
|
||
|
}
|
||
|
attrs.userContext.queueRunner = this;
|
||
|
}
|
||
|
else {
|
||
|
if (!attrs.userContext) {
|
||
|
attrs.userContext = {};
|
||
|
}
|
||
|
attrs.userContext.queueRunner = this;
|
||
|
}
|
||
|
// patch attrs.onException
|
||
|
const onException = attrs.onException;
|
||
|
attrs.onException = function (error) {
|
||
|
if (error &&
|
||
|
error.message ===
|
||
|
'Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.') {
|
||
|
// jasmine timeout, we can make the error message more
|
||
|
// reasonable to tell what tasks are pending
|
||
|
const proxyZoneSpec = this && this.testProxyZoneSpec;
|
||
|
if (proxyZoneSpec) {
|
||
|
const pendingTasksInfo = proxyZoneSpec.getAndClearPendingTasksInfo();
|
||
|
try {
|
||
|
// try catch here in case error.message is not writable
|
||
|
error.message += pendingTasksInfo;
|
||
|
}
|
||
|
catch (err) {
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
if (onException) {
|
||
|
onException.call(this, error);
|
||
|
}
|
||
|
};
|
||
|
_super.call(this, attrs);
|
||
|
}
|
||
|
ZoneQueueRunner.prototype.execute = function () {
|
||
|
let zone = Zone.current;
|
||
|
let isChildOfAmbientZone = false;
|
||
|
while (zone) {
|
||
|
if (zone === ambientZone) {
|
||
|
isChildOfAmbientZone = true;
|
||
|
break;
|
||
|
}
|
||
|
zone = zone.parent;
|
||
|
}
|
||
|
if (!isChildOfAmbientZone)
|
||
|
throw new Error('Unexpected Zone: ' + Zone.current.name);
|
||
|
// This is the zone which will be used for running individual tests.
|
||
|
// It will be a proxy zone, so that the tests function can retroactively install
|
||
|
// different zones.
|
||
|
// Example:
|
||
|
// - In beforeEach() do childZone = Zone.current.fork(...);
|
||
|
// - In it() try to do fakeAsync(). The issue is that because the beforeEach forked the
|
||
|
// zone outside of fakeAsync it will be able to escape the fakeAsync rules.
|
||
|
// - Because ProxyZone is parent fo `childZone` fakeAsync can retroactively add
|
||
|
// fakeAsync behavior to the childZone.
|
||
|
this.testProxyZoneSpec = new ProxyZoneSpec();
|
||
|
this.testProxyZone = ambientZone.fork(this.testProxyZoneSpec);
|
||
|
if (!Zone.currentTask) {
|
||
|
// if we are not running in a task then if someone would register a
|
||
|
// element.addEventListener and then calling element.click() the
|
||
|
// addEventListener callback would think that it is the top most task and would
|
||
|
// drain the microtask queue on element.click() which would be incorrect.
|
||
|
// For this reason we always force a task when running jasmine tests.
|
||
|
Zone.current.scheduleMicroTask('jasmine.execute().forceTask', () => QueueRunner.prototype.execute.call(this));
|
||
|
}
|
||
|
else {
|
||
|
_super.prototype.execute.call(this);
|
||
|
}
|
||
|
};
|
||
|
return ZoneQueueRunner;
|
||
|
})(QueueRunner);
|
||
|
});
|
||
|
|
||
|
Zone.__load_patch('jest', (context, Zone, api) => {
|
||
|
if (typeof jest === 'undefined' || jest['__zone_patch__']) {
|
||
|
return;
|
||
|
}
|
||
|
// From jest 29 and jest-preset-angular v13, the module transform logic
|
||
|
// changed, and now jest-preset-angular use the use the tsconfig target
|
||
|
// other than the hardcoded one, https://github.com/thymikee/jest-preset-angular/issues/2010
|
||
|
// But jest-angular-preset doesn't introduce the @babel/plugin-transform-async-to-generator
|
||
|
// which is needed by angular since `async/await` still need to be transformed
|
||
|
// to promise for ES2017+ target.
|
||
|
// So for now, we disable to output the uncaught error console log for a temp solution,
|
||
|
// until jest-preset-angular find a proper solution.
|
||
|
Zone[api.symbol('ignoreConsoleErrorUncaughtError')] = true;
|
||
|
jest['__zone_patch__'] = true;
|
||
|
const ProxyZoneSpec = Zone['ProxyZoneSpec'];
|
||
|
const SyncTestZoneSpec = Zone['SyncTestZoneSpec'];
|
||
|
if (!ProxyZoneSpec) {
|
||
|
throw new Error('Missing ProxyZoneSpec');
|
||
|
}
|
||
|
const rootZone = Zone.current;
|
||
|
const syncZone = rootZone.fork(new SyncTestZoneSpec('jest.describe'));
|
||
|
const proxyZoneSpec = new ProxyZoneSpec();
|
||
|
const proxyZone = rootZone.fork(proxyZoneSpec);
|
||
|
function wrapDescribeFactoryInZone(originalJestFn) {
|
||
|
return function (...tableArgs) {
|
||
|
const originalDescribeFn = originalJestFn.apply(this, tableArgs);
|
||
|
return function (...args) {
|
||
|
args[1] = wrapDescribeInZone(args[1]);
|
||
|
return originalDescribeFn.apply(this, args);
|
||
|
};
|
||
|
};
|
||
|
}
|
||
|
function wrapTestFactoryInZone(originalJestFn) {
|
||
|
return function (...tableArgs) {
|
||
|
return function (...args) {
|
||
|
args[1] = wrapTestInZone(args[1]);
|
||
|
return originalJestFn.apply(this, tableArgs).apply(this, args);
|
||
|
};
|
||
|
};
|
||
|
}
|
||
|
/**
|
||
|
* Gets a function wrapping the body of a jest `describe` block to execute in a
|
||
|
* synchronous-only zone.
|
||
|
*/
|
||
|
function wrapDescribeInZone(describeBody) {
|
||
|
return function (...args) {
|
||
|
return syncZone.run(describeBody, this, args);
|
||
|
};
|
||
|
}
|
||
|
/**
|
||
|
* Gets a function wrapping the body of a jest `it/beforeEach/afterEach` block to
|
||
|
* execute in a ProxyZone zone.
|
||
|
* This will run in the `proxyZone`.
|
||
|
*/
|
||
|
function wrapTestInZone(testBody, isTestFunc = false) {
|
||
|
if (typeof testBody !== 'function') {
|
||
|
return testBody;
|
||
|
}
|
||
|
const wrappedFunc = function () {
|
||
|
if (Zone[api.symbol('useFakeTimersCalled')] === true && testBody &&
|
||
|
!testBody.isFakeAsync) {
|
||
|
// jest.useFakeTimers is called, run into fakeAsyncTest automatically.
|
||
|
const fakeAsyncModule = Zone[Zone.__symbol__('fakeAsyncTest')];
|
||
|
if (fakeAsyncModule && typeof fakeAsyncModule.fakeAsync === 'function') {
|
||
|
testBody = fakeAsyncModule.fakeAsync(testBody);
|
||
|
}
|
||
|
}
|
||
|
proxyZoneSpec.isTestFunc = isTestFunc;
|
||
|
return proxyZone.run(testBody, null, arguments);
|
||
|
};
|
||
|
// Update the length of wrappedFunc to be the same as the length of the testBody
|
||
|
// So jest core can handle whether the test function has `done()` or not correctly
|
||
|
Object.defineProperty(wrappedFunc, 'length', { configurable: true, writable: true, enumerable: false });
|
||
|
wrappedFunc.length = testBody.length;
|
||
|
return wrappedFunc;
|
||
|
}
|
||
|
['describe', 'xdescribe', 'fdescribe'].forEach(methodName => {
|
||
|
let originalJestFn = context[methodName];
|
||
|
if (context[Zone.__symbol__(methodName)]) {
|
||
|
return;
|
||
|
}
|
||
|
context[Zone.__symbol__(methodName)] = originalJestFn;
|
||
|
context[methodName] = function (...args) {
|
||
|
args[1] = wrapDescribeInZone(args[1]);
|
||
|
return originalJestFn.apply(this, args);
|
||
|
};
|
||
|
context[methodName].each = wrapDescribeFactoryInZone(originalJestFn.each);
|
||
|
});
|
||
|
context.describe.only = context.fdescribe;
|
||
|
context.describe.skip = context.xdescribe;
|
||
|
['it', 'xit', 'fit', 'test', 'xtest'].forEach(methodName => {
|
||
|
let originalJestFn = context[methodName];
|
||
|
if (context[Zone.__symbol__(methodName)]) {
|
||
|
return;
|
||
|
}
|
||
|
context[Zone.__symbol__(methodName)] = originalJestFn;
|
||
|
context[methodName] = function (...args) {
|
||
|
args[1] = wrapTestInZone(args[1], true);
|
||
|
return originalJestFn.apply(this, args);
|
||
|
};
|
||
|
context[methodName].each = wrapTestFactoryInZone(originalJestFn.each);
|
||
|
context[methodName].todo = originalJestFn.todo;
|
||
|
});
|
||
|
context.it.only = context.fit;
|
||
|
context.it.skip = context.xit;
|
||
|
context.test.only = context.fit;
|
||
|
context.test.skip = context.xit;
|
||
|
['beforeEach', 'afterEach', 'beforeAll', 'afterAll'].forEach(methodName => {
|
||
|
let originalJestFn = context[methodName];
|
||
|
if (context[Zone.__symbol__(methodName)]) {
|
||
|
return;
|
||
|
}
|
||
|
context[Zone.__symbol__(methodName)] = originalJestFn;
|
||
|
context[methodName] = function (...args) {
|
||
|
args[0] = wrapTestInZone(args[0]);
|
||
|
return originalJestFn.apply(this, args);
|
||
|
};
|
||
|
});
|
||
|
Zone.patchJestObject = function patchJestObject(Timer, isModern = false) {
|
||
|
// check whether currently the test is inside fakeAsync()
|
||
|
function isPatchingFakeTimer() {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
return !!fakeAsyncZoneSpec;
|
||
|
}
|
||
|
// check whether the current function is inside `test/it` or other methods
|
||
|
// such as `describe/beforeEach`
|
||
|
function isInTestFunc() {
|
||
|
const proxyZoneSpec = Zone.current.get('ProxyZoneSpec');
|
||
|
return proxyZoneSpec && proxyZoneSpec.isTestFunc;
|
||
|
}
|
||
|
if (Timer[api.symbol('fakeTimers')]) {
|
||
|
return;
|
||
|
}
|
||
|
Timer[api.symbol('fakeTimers')] = true;
|
||
|
// patch jest fakeTimer internal method to make sure no console.warn print out
|
||
|
api.patchMethod(Timer, '_checkFakeTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
if (isPatchingFakeTimer()) {
|
||
|
return true;
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch useFakeTimers(), set useFakeTimersCalled flag, and make test auto run into fakeAsync
|
||
|
api.patchMethod(Timer, 'useFakeTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
Zone[api.symbol('useFakeTimersCalled')] = true;
|
||
|
if (isModern || isInTestFunc()) {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
return self;
|
||
|
};
|
||
|
});
|
||
|
// patch useRealTimers(), unset useFakeTimers flag
|
||
|
api.patchMethod(Timer, 'useRealTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
Zone[api.symbol('useFakeTimersCalled')] = false;
|
||
|
if (isModern || isInTestFunc()) {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
return self;
|
||
|
};
|
||
|
});
|
||
|
// patch setSystemTime(), call setCurrentRealTime() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'setSystemTime', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec && isPatchingFakeTimer()) {
|
||
|
fakeAsyncZoneSpec.setFakeBaseSystemTime(args[0]);
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch getSystemTime(), call getCurrentRealTime() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'getRealSystemTime', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec && isPatchingFakeTimer()) {
|
||
|
return fakeAsyncZoneSpec.getRealSystemTime();
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch runAllTicks(), run all microTasks inside fakeAsync
|
||
|
api.patchMethod(Timer, 'runAllTicks', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.flushMicrotasks();
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch runAllTimers(), run all macroTasks inside fakeAsync
|
||
|
api.patchMethod(Timer, 'runAllTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.flush(100, true);
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch advanceTimersByTime(), call tick() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'advanceTimersByTime', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.tick(args[0]);
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch runOnlyPendingTimers(), call flushOnlyPendingTimers() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'runOnlyPendingTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.flushOnlyPendingTimers();
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch advanceTimersToNextTimer(), call tickToNext() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'advanceTimersToNextTimer', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.tickToNext(args[0]);
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch clearAllTimers(), call removeAllTimers() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'clearAllTimers', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
fakeAsyncZoneSpec.removeAllTimers();
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
// patch getTimerCount(), call getTimerCount() in the fakeAsyncTest
|
||
|
api.patchMethod(Timer, 'getTimerCount', delegate => {
|
||
|
return function (self, args) {
|
||
|
const fakeAsyncZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncZoneSpec) {
|
||
|
return fakeAsyncZoneSpec.getTimerCount();
|
||
|
}
|
||
|
else {
|
||
|
return delegate.apply(self, args);
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
};
|
||
|
});
|
||
|
|
||
|
Zone.__load_patch('mocha', (global, Zone) => {
|
||
|
const Mocha = global.Mocha;
|
||
|
if (typeof Mocha === 'undefined') {
|
||
|
// return if Mocha is not available, because now zone-testing
|
||
|
// will load mocha patch with jasmine/jest patch
|
||
|
return;
|
||
|
}
|
||
|
if (typeof Zone === 'undefined') {
|
||
|
throw new Error('Missing Zone.js');
|
||
|
}
|
||
|
const ProxyZoneSpec = Zone['ProxyZoneSpec'];
|
||
|
const SyncTestZoneSpec = Zone['SyncTestZoneSpec'];
|
||
|
if (!ProxyZoneSpec) {
|
||
|
throw new Error('Missing ProxyZoneSpec');
|
||
|
}
|
||
|
if (Mocha['__zone_patch__']) {
|
||
|
throw new Error('"Mocha" has already been patched with "Zone".');
|
||
|
}
|
||
|
Mocha['__zone_patch__'] = true;
|
||
|
const rootZone = Zone.current;
|
||
|
const syncZone = rootZone.fork(new SyncTestZoneSpec('Mocha.describe'));
|
||
|
let testZone = null;
|
||
|
const suiteZone = rootZone.fork(new ProxyZoneSpec());
|
||
|
const mochaOriginal = {
|
||
|
after: global.after,
|
||
|
afterEach: global.afterEach,
|
||
|
before: global.before,
|
||
|
beforeEach: global.beforeEach,
|
||
|
describe: global.describe,
|
||
|
it: global.it
|
||
|
};
|
||
|
function modifyArguments(args, syncTest, asyncTest) {
|
||
|
for (let i = 0; i < args.length; i++) {
|
||
|
let arg = args[i];
|
||
|
if (typeof arg === 'function') {
|
||
|
// The `done` callback is only passed through if the function expects at
|
||
|
// least one argument.
|
||
|
// Note we have to make a function with correct number of arguments,
|
||
|
// otherwise mocha will
|
||
|
// think that all functions are sync or async.
|
||
|
args[i] = (arg.length === 0) ? syncTest(arg) : asyncTest(arg);
|
||
|
// Mocha uses toString to view the test body in the result list, make sure we return the
|
||
|
// correct function body
|
||
|
args[i].toString = function () {
|
||
|
return arg.toString();
|
||
|
};
|
||
|
}
|
||
|
}
|
||
|
return args;
|
||
|
}
|
||
|
function wrapDescribeInZone(args) {
|
||
|
const syncTest = function (fn) {
|
||
|
return function () {
|
||
|
return syncZone.run(fn, this, arguments);
|
||
|
};
|
||
|
};
|
||
|
return modifyArguments(args, syncTest);
|
||
|
}
|
||
|
function wrapTestInZone(args) {
|
||
|
const asyncTest = function (fn) {
|
||
|
return function (done) {
|
||
|
return testZone.run(fn, this, [done]);
|
||
|
};
|
||
|
};
|
||
|
const syncTest = function (fn) {
|
||
|
return function () {
|
||
|
return testZone.run(fn, this);
|
||
|
};
|
||
|
};
|
||
|
return modifyArguments(args, syncTest, asyncTest);
|
||
|
}
|
||
|
function wrapSuiteInZone(args) {
|
||
|
const asyncTest = function (fn) {
|
||
|
return function (done) {
|
||
|
return suiteZone.run(fn, this, [done]);
|
||
|
};
|
||
|
};
|
||
|
const syncTest = function (fn) {
|
||
|
return function () {
|
||
|
return suiteZone.run(fn, this);
|
||
|
};
|
||
|
};
|
||
|
return modifyArguments(args, syncTest, asyncTest);
|
||
|
}
|
||
|
global.describe = global.suite = function () {
|
||
|
return mochaOriginal.describe.apply(this, wrapDescribeInZone(arguments));
|
||
|
};
|
||
|
global.xdescribe = global.suite.skip = global.describe.skip = function () {
|
||
|
return mochaOriginal.describe.skip.apply(this, wrapDescribeInZone(arguments));
|
||
|
};
|
||
|
global.describe.only = global.suite.only = function () {
|
||
|
return mochaOriginal.describe.only.apply(this, wrapDescribeInZone(arguments));
|
||
|
};
|
||
|
global.it = global.specify = global.test = function () {
|
||
|
return mochaOriginal.it.apply(this, wrapTestInZone(arguments));
|
||
|
};
|
||
|
global.xit = global.xspecify = global.it.skip = function () {
|
||
|
return mochaOriginal.it.skip.apply(this, wrapTestInZone(arguments));
|
||
|
};
|
||
|
global.it.only = global.test.only = function () {
|
||
|
return mochaOriginal.it.only.apply(this, wrapTestInZone(arguments));
|
||
|
};
|
||
|
global.after = global.suiteTeardown = function () {
|
||
|
return mochaOriginal.after.apply(this, wrapSuiteInZone(arguments));
|
||
|
};
|
||
|
global.afterEach = global.teardown = function () {
|
||
|
return mochaOriginal.afterEach.apply(this, wrapTestInZone(arguments));
|
||
|
};
|
||
|
global.before = global.suiteSetup = function () {
|
||
|
return mochaOriginal.before.apply(this, wrapSuiteInZone(arguments));
|
||
|
};
|
||
|
global.beforeEach = global.setup = function () {
|
||
|
return mochaOriginal.beforeEach.apply(this, wrapTestInZone(arguments));
|
||
|
};
|
||
|
((originalRunTest, originalRun) => {
|
||
|
Mocha.Runner.prototype.runTest = function (fn) {
|
||
|
Zone.current.scheduleMicroTask('mocha.forceTask', () => {
|
||
|
originalRunTest.call(this, fn);
|
||
|
});
|
||
|
};
|
||
|
Mocha.Runner.prototype.run = function (fn) {
|
||
|
this.on('test', (e) => {
|
||
|
testZone = rootZone.fork(new ProxyZoneSpec());
|
||
|
});
|
||
|
this.on('fail', (test, err) => {
|
||
|
const proxyZoneSpec = testZone && testZone.get('ProxyZoneSpec');
|
||
|
if (proxyZoneSpec && err) {
|
||
|
try {
|
||
|
// try catch here in case err.message is not writable
|
||
|
err.message += proxyZoneSpec.getAndClearPendingTasksInfo();
|
||
|
}
|
||
|
catch (error) {
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
return originalRun.call(this, fn);
|
||
|
};
|
||
|
})(Mocha.Runner.prototype.runTest, Mocha.Runner.prototype.run);
|
||
|
});
|
||
|
|
||
|
(function (_global) {
|
||
|
class AsyncTestZoneSpec {
|
||
|
static { this.symbolParentUnresolved = Zone.__symbol__('parentUnresolved'); }
|
||
|
constructor(finishCallback, failCallback, namePrefix) {
|
||
|
this.finishCallback = finishCallback;
|
||
|
this.failCallback = failCallback;
|
||
|
this._pendingMicroTasks = false;
|
||
|
this._pendingMacroTasks = false;
|
||
|
this._alreadyErrored = false;
|
||
|
this._isSync = false;
|
||
|
this._existingFinishTimer = null;
|
||
|
this.entryFunction = null;
|
||
|
this.runZone = Zone.current;
|
||
|
this.unresolvedChainedPromiseCount = 0;
|
||
|
this.supportWaitUnresolvedChainedPromise = false;
|
||
|
this.name = 'asyncTestZone for ' + namePrefix;
|
||
|
this.properties = { 'AsyncTestZoneSpec': this };
|
||
|
this.supportWaitUnresolvedChainedPromise =
|
||
|
_global[Zone.__symbol__('supportWaitUnResolvedChainedPromise')] === true;
|
||
|
}
|
||
|
isUnresolvedChainedPromisePending() {
|
||
|
return this.unresolvedChainedPromiseCount > 0;
|
||
|
}
|
||
|
_finishCallbackIfDone() {
|
||
|
// NOTE: Technically the `onHasTask` could fire together with the initial synchronous
|
||
|
// completion in `onInvoke`. `onHasTask` might call this method when it captured e.g.
|
||
|
// microtasks in the proxy zone that now complete as part of this async zone run.
|
||
|
// Consider the following scenario:
|
||
|
// 1. A test `beforeEach` schedules a microtask in the ProxyZone.
|
||
|
// 2. An actual empty `it` spec executes in the AsyncTestZone` (using e.g. `waitForAsync`).
|
||
|
// 3. The `onInvoke` invokes `_finishCallbackIfDone` because the spec runs synchronously.
|
||
|
// 4. We wait the scheduled timeout (see below) to account for unhandled promises.
|
||
|
// 5. The microtask from (1) finishes and `onHasTask` is invoked.
|
||
|
// --> We register a second `_finishCallbackIfDone` even though we have scheduled a timeout.
|
||
|
// If the finish timeout from below is already scheduled, terminate the existing scheduled
|
||
|
// finish invocation, avoiding calling `jasmine` `done` multiple times. *Note* that we would
|
||
|
// want to schedule a new finish callback in case the task state changes again.
|
||
|
if (this._existingFinishTimer !== null) {
|
||
|
clearTimeout(this._existingFinishTimer);
|
||
|
this._existingFinishTimer = null;
|
||
|
}
|
||
|
if (!(this._pendingMicroTasks || this._pendingMacroTasks ||
|
||
|
(this.supportWaitUnresolvedChainedPromise && this.isUnresolvedChainedPromisePending()))) {
|
||
|
// We wait until the next tick because we would like to catch unhandled promises which could
|
||
|
// cause test logic to be executed. In such cases we cannot finish with tasks pending then.
|
||
|
this.runZone.run(() => {
|
||
|
this._existingFinishTimer = setTimeout(() => {
|
||
|
if (!this._alreadyErrored && !(this._pendingMicroTasks || this._pendingMacroTasks)) {
|
||
|
this.finishCallback();
|
||
|
}
|
||
|
}, 0);
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
patchPromiseForTest() {
|
||
|
if (!this.supportWaitUnresolvedChainedPromise) {
|
||
|
return;
|
||
|
}
|
||
|
const patchPromiseForTest = Promise[Zone.__symbol__('patchPromiseForTest')];
|
||
|
if (patchPromiseForTest) {
|
||
|
patchPromiseForTest();
|
||
|
}
|
||
|
}
|
||
|
unPatchPromiseForTest() {
|
||
|
if (!this.supportWaitUnresolvedChainedPromise) {
|
||
|
return;
|
||
|
}
|
||
|
const unPatchPromiseForTest = Promise[Zone.__symbol__('unPatchPromiseForTest')];
|
||
|
if (unPatchPromiseForTest) {
|
||
|
unPatchPromiseForTest();
|
||
|
}
|
||
|
}
|
||
|
onScheduleTask(delegate, current, target, task) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this._isSync = false;
|
||
|
}
|
||
|
if (task.type === 'microTask' && task.data && task.data instanceof Promise) {
|
||
|
// check whether the promise is a chained promise
|
||
|
if (task.data[AsyncTestZoneSpec.symbolParentUnresolved] === true) {
|
||
|
// chained promise is being scheduled
|
||
|
this.unresolvedChainedPromiseCount--;
|
||
|
}
|
||
|
}
|
||
|
return delegate.scheduleTask(target, task);
|
||
|
}
|
||
|
onInvokeTask(delegate, current, target, task, applyThis, applyArgs) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this._isSync = false;
|
||
|
}
|
||
|
return delegate.invokeTask(target, task, applyThis, applyArgs);
|
||
|
}
|
||
|
onCancelTask(delegate, current, target, task) {
|
||
|
if (task.type !== 'eventTask') {
|
||
|
this._isSync = false;
|
||
|
}
|
||
|
return delegate.cancelTask(target, task);
|
||
|
}
|
||
|
// Note - we need to use onInvoke at the moment to call finish when a test is
|
||
|
// fully synchronous. TODO(juliemr): remove this when the logic for
|
||
|
// onHasTask changes and it calls whenever the task queues are dirty.
|
||
|
// updated by(JiaLiPassion), only call finish callback when no task
|
||
|
// was scheduled/invoked/canceled.
|
||
|
onInvoke(parentZoneDelegate, currentZone, targetZone, delegate, applyThis, applyArgs, source) {
|
||
|
if (!this.entryFunction) {
|
||
|
this.entryFunction = delegate;
|
||
|
}
|
||
|
try {
|
||
|
this._isSync = true;
|
||
|
return parentZoneDelegate.invoke(targetZone, delegate, applyThis, applyArgs, source);
|
||
|
}
|
||
|
finally {
|
||
|
// We need to check the delegate is the same as entryFunction or not.
|
||
|
// Consider the following case.
|
||
|
//
|
||
|
// asyncTestZone.run(() => { // Here the delegate will be the entryFunction
|
||
|
// Zone.current.run(() => { // Here the delegate will not be the entryFunction
|
||
|
// });
|
||
|
// });
|
||
|
//
|
||
|
// We only want to check whether there are async tasks scheduled
|
||
|
// for the entry function.
|
||
|
if (this._isSync && this.entryFunction === delegate) {
|
||
|
this._finishCallbackIfDone();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
|
||
|
// Let the parent try to handle the error.
|
||
|
const result = parentZoneDelegate.handleError(targetZone, error);
|
||
|
if (result) {
|
||
|
this.failCallback(error);
|
||
|
this._alreadyErrored = true;
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
onHasTask(delegate, current, target, hasTaskState) {
|
||
|
delegate.hasTask(target, hasTaskState);
|
||
|
// We should only trigger finishCallback when the target zone is the AsyncTestZone
|
||
|
// Consider the following cases.
|
||
|
//
|
||
|
// const childZone = asyncTestZone.fork({
|
||
|
// name: 'child',
|
||
|
// onHasTask: ...
|
||
|
// });
|
||
|
//
|
||
|
// So we have nested zones declared the onHasTask hook, in this case,
|
||
|
// the onHasTask will be triggered twice, and cause the finishCallbackIfDone()
|
||
|
// is also be invoked twice. So we need to only trigger the finishCallbackIfDone()
|
||
|
// when the current zone is the same as the target zone.
|
||
|
if (current !== target) {
|
||
|
return;
|
||
|
}
|
||
|
if (hasTaskState.change == 'microTask') {
|
||
|
this._pendingMicroTasks = hasTaskState.microTask;
|
||
|
this._finishCallbackIfDone();
|
||
|
}
|
||
|
else if (hasTaskState.change == 'macroTask') {
|
||
|
this._pendingMacroTasks = hasTaskState.macroTask;
|
||
|
this._finishCallbackIfDone();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
// Export the class so that new instances can be created with proper
|
||
|
// constructor params.
|
||
|
Zone['AsyncTestZoneSpec'] = AsyncTestZoneSpec;
|
||
|
})(typeof window !== 'undefined' && window || typeof self !== 'undefined' && self || global);
|
||
|
Zone.__load_patch('asynctest', (global, Zone, api) => {
|
||
|
/**
|
||
|
* Wraps a test function in an asynchronous test zone. The test will automatically
|
||
|
* complete when all asynchronous calls within this zone are done.
|
||
|
*/
|
||
|
Zone[api.symbol('asyncTest')] = function asyncTest(fn) {
|
||
|
// If we're running using the Jasmine test framework, adapt to call the 'done'
|
||
|
// function when asynchronous activity is finished.
|
||
|
if (global.jasmine) {
|
||
|
// Not using an arrow function to preserve context passed from call site
|
||
|
return function (done) {
|
||
|
if (!done) {
|
||
|
// if we run beforeEach in @angular/core/testing/testing_internal then we get no done
|
||
|
// fake it here and assume sync.
|
||
|
done = function () { };
|
||
|
done.fail = function (e) {
|
||
|
throw e;
|
||
|
};
|
||
|
}
|
||
|
runInTestZone(fn, this, done, (err) => {
|
||
|
if (typeof err === 'string') {
|
||
|
return done.fail(new Error(err));
|
||
|
}
|
||
|
else {
|
||
|
done.fail(err);
|
||
|
}
|
||
|
});
|
||
|
};
|
||
|
}
|
||
|
// Otherwise, return a promise which will resolve when asynchronous activity
|
||
|
// is finished. This will be correctly consumed by the Mocha framework with
|
||
|
// it('...', async(myFn)); or can be used in a custom framework.
|
||
|
// Not using an arrow function to preserve context passed from call site
|
||
|
return function () {
|
||
|
return new Promise((finishCallback, failCallback) => {
|
||
|
runInTestZone(fn, this, finishCallback, failCallback);
|
||
|
});
|
||
|
};
|
||
|
};
|
||
|
function runInTestZone(fn, context, finishCallback, failCallback) {
|
||
|
const currentZone = Zone.current;
|
||
|
const AsyncTestZoneSpec = Zone['AsyncTestZoneSpec'];
|
||
|
if (AsyncTestZoneSpec === undefined) {
|
||
|
throw new Error('AsyncTestZoneSpec is needed for the async() test helper but could not be found. ' +
|
||
|
'Please make sure that your environment includes zone.js/plugins/async-test');
|
||
|
}
|
||
|
const ProxyZoneSpec = Zone['ProxyZoneSpec'];
|
||
|
if (!ProxyZoneSpec) {
|
||
|
throw new Error('ProxyZoneSpec is needed for the async() test helper but could not be found. ' +
|
||
|
'Please make sure that your environment includes zone.js/plugins/proxy');
|
||
|
}
|
||
|
const proxyZoneSpec = ProxyZoneSpec.get();
|
||
|
ProxyZoneSpec.assertPresent();
|
||
|
// We need to create the AsyncTestZoneSpec outside the ProxyZone.
|
||
|
// If we do it in ProxyZone then we will get to infinite recursion.
|
||
|
const proxyZone = Zone.current.getZoneWith('ProxyZoneSpec');
|
||
|
const previousDelegate = proxyZoneSpec.getDelegate();
|
||
|
proxyZone.parent.run(() => {
|
||
|
const testZoneSpec = new AsyncTestZoneSpec(() => {
|
||
|
// Need to restore the original zone.
|
||
|
if (proxyZoneSpec.getDelegate() == testZoneSpec) {
|
||
|
// Only reset the zone spec if it's
|
||
|
// still this one. Otherwise, assume
|
||
|
// it's OK.
|
||
|
proxyZoneSpec.setDelegate(previousDelegate);
|
||
|
}
|
||
|
testZoneSpec.unPatchPromiseForTest();
|
||
|
currentZone.run(() => {
|
||
|
finishCallback();
|
||
|
});
|
||
|
}, (error) => {
|
||
|
// Need to restore the original zone.
|
||
|
if (proxyZoneSpec.getDelegate() == testZoneSpec) {
|
||
|
// Only reset the zone spec if it's sill this one. Otherwise, assume it's OK.
|
||
|
proxyZoneSpec.setDelegate(previousDelegate);
|
||
|
}
|
||
|
testZoneSpec.unPatchPromiseForTest();
|
||
|
currentZone.run(() => {
|
||
|
failCallback(error);
|
||
|
});
|
||
|
}, 'test');
|
||
|
proxyZoneSpec.setDelegate(testZoneSpec);
|
||
|
testZoneSpec.patchPromiseForTest();
|
||
|
});
|
||
|
return Zone.current.runGuarded(fn, context);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
(function (global) {
|
||
|
const OriginalDate = global.Date;
|
||
|
// Since when we compile this file to `es2015`, and if we define
|
||
|
// this `FakeDate` as `class FakeDate`, and then set `FakeDate.prototype`
|
||
|
// there will be an error which is `Cannot assign to read only property 'prototype'`
|
||
|
// so we need to use function implementation here.
|
||
|
function FakeDate() {
|
||
|
if (arguments.length === 0) {
|
||
|
const d = new OriginalDate();
|
||
|
d.setTime(FakeDate.now());
|
||
|
return d;
|
||
|
}
|
||
|
else {
|
||
|
const args = Array.prototype.slice.call(arguments);
|
||
|
return new OriginalDate(...args);
|
||
|
}
|
||
|
}
|
||
|
FakeDate.now = function () {
|
||
|
const fakeAsyncTestZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (fakeAsyncTestZoneSpec) {
|
||
|
return fakeAsyncTestZoneSpec.getFakeSystemTime();
|
||
|
}
|
||
|
return OriginalDate.now.apply(this, arguments);
|
||
|
};
|
||
|
FakeDate.UTC = OriginalDate.UTC;
|
||
|
FakeDate.parse = OriginalDate.parse;
|
||
|
// keep a reference for zone patched timer function
|
||
|
const timers = {
|
||
|
setTimeout: global.setTimeout,
|
||
|
setInterval: global.setInterval,
|
||
|
clearTimeout: global.clearTimeout,
|
||
|
clearInterval: global.clearInterval
|
||
|
};
|
||
|
class Scheduler {
|
||
|
// Next scheduler id.
|
||
|
static { this.nextId = 1; }
|
||
|
constructor() {
|
||
|
// Scheduler queue with the tuple of end time and callback function - sorted by end time.
|
||
|
this._schedulerQueue = [];
|
||
|
// Current simulated time in millis.
|
||
|
this._currentTickTime = 0;
|
||
|
// Current fake system base time in millis.
|
||
|
this._currentFakeBaseSystemTime = OriginalDate.now();
|
||
|
// track requeuePeriodicTimer
|
||
|
this._currentTickRequeuePeriodicEntries = [];
|
||
|
}
|
||
|
getCurrentTickTime() {
|
||
|
return this._currentTickTime;
|
||
|
}
|
||
|
getFakeSystemTime() {
|
||
|
return this._currentFakeBaseSystemTime + this._currentTickTime;
|
||
|
}
|
||
|
setFakeBaseSystemTime(fakeBaseSystemTime) {
|
||
|
this._currentFakeBaseSystemTime = fakeBaseSystemTime;
|
||
|
}
|
||
|
getRealSystemTime() {
|
||
|
return OriginalDate.now();
|
||
|
}
|
||
|
scheduleFunction(cb, delay, options) {
|
||
|
options = {
|
||
|
...{
|
||
|
args: [],
|
||
|
isPeriodic: false,
|
||
|
isRequestAnimationFrame: false,
|
||
|
id: -1,
|
||
|
isRequeuePeriodic: false
|
||
|
},
|
||
|
...options
|
||
|
};
|
||
|
let currentId = options.id < 0 ? Scheduler.nextId++ : options.id;
|
||
|
let endTime = this._currentTickTime + delay;
|
||
|
// Insert so that scheduler queue remains sorted by end time.
|
||
|
let newEntry = {
|
||
|
endTime: endTime,
|
||
|
id: currentId,
|
||
|
func: cb,
|
||
|
args: options.args,
|
||
|
delay: delay,
|
||
|
isPeriodic: options.isPeriodic,
|
||
|
isRequestAnimationFrame: options.isRequestAnimationFrame
|
||
|
};
|
||
|
if (options.isRequeuePeriodic) {
|
||
|
this._currentTickRequeuePeriodicEntries.push(newEntry);
|
||
|
}
|
||
|
let i = 0;
|
||
|
for (; i < this._schedulerQueue.length; i++) {
|
||
|
let currentEntry = this._schedulerQueue[i];
|
||
|
if (newEntry.endTime < currentEntry.endTime) {
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
this._schedulerQueue.splice(i, 0, newEntry);
|
||
|
return currentId;
|
||
|
}
|
||
|
removeScheduledFunctionWithId(id) {
|
||
|
for (let i = 0; i < this._schedulerQueue.length; i++) {
|
||
|
if (this._schedulerQueue[i].id == id) {
|
||
|
this._schedulerQueue.splice(i, 1);
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
removeAll() {
|
||
|
this._schedulerQueue = [];
|
||
|
}
|
||
|
getTimerCount() {
|
||
|
return this._schedulerQueue.length;
|
||
|
}
|
||
|
tickToNext(step = 1, doTick, tickOptions) {
|
||
|
if (this._schedulerQueue.length < step) {
|
||
|
return;
|
||
|
}
|
||
|
// Find the last task currently queued in the scheduler queue and tick
|
||
|
// till that time.
|
||
|
const startTime = this._currentTickTime;
|
||
|
const targetTask = this._schedulerQueue[step - 1];
|
||
|
this.tick(targetTask.endTime - startTime, doTick, tickOptions);
|
||
|
}
|
||
|
tick(millis = 0, doTick, tickOptions) {
|
||
|
let finalTime = this._currentTickTime + millis;
|
||
|
let lastCurrentTime = 0;
|
||
|
tickOptions = Object.assign({ processNewMacroTasksSynchronously: true }, tickOptions);
|
||
|
// we need to copy the schedulerQueue so nested timeout
|
||
|
// will not be wrongly called in the current tick
|
||
|
// https://github.com/angular/angular/issues/33799
|
||
|
const schedulerQueue = tickOptions.processNewMacroTasksSynchronously ?
|
||
|
this._schedulerQueue :
|
||
|
this._schedulerQueue.slice();
|
||
|
if (schedulerQueue.length === 0 && doTick) {
|
||
|
doTick(millis);
|
||
|
return;
|
||
|
}
|
||
|
while (schedulerQueue.length > 0) {
|
||
|
// clear requeueEntries before each loop
|
||
|
this._currentTickRequeuePeriodicEntries = [];
|
||
|
let current = schedulerQueue[0];
|
||
|
if (finalTime < current.endTime) {
|
||
|
// Done processing the queue since it's sorted by endTime.
|
||
|
break;
|
||
|
}
|
||
|
else {
|
||
|
// Time to run scheduled function. Remove it from the head of queue.
|
||
|
let current = schedulerQueue.shift();
|
||
|
if (!tickOptions.processNewMacroTasksSynchronously) {
|
||
|
const idx = this._schedulerQueue.indexOf(current);
|
||
|
if (idx >= 0) {
|
||
|
this._schedulerQueue.splice(idx, 1);
|
||
|
}
|
||
|
}
|
||
|
lastCurrentTime = this._currentTickTime;
|
||
|
this._currentTickTime = current.endTime;
|
||
|
if (doTick) {
|
||
|
doTick(this._currentTickTime - lastCurrentTime);
|
||
|
}
|
||
|
let retval = current.func.apply(global, current.isRequestAnimationFrame ? [this._currentTickTime] : current.args);
|
||
|
if (!retval) {
|
||
|
// Uncaught exception in the current scheduled function. Stop processing the queue.
|
||
|
break;
|
||
|
}
|
||
|
// check is there any requeue periodic entry is added in
|
||
|
// current loop, if there is, we need to add to current loop
|
||
|
if (!tickOptions.processNewMacroTasksSynchronously) {
|
||
|
this._currentTickRequeuePeriodicEntries.forEach(newEntry => {
|
||
|
let i = 0;
|
||
|
for (; i < schedulerQueue.length; i++) {
|
||
|
const currentEntry = schedulerQueue[i];
|
||
|
if (newEntry.endTime < currentEntry.endTime) {
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
schedulerQueue.splice(i, 0, newEntry);
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
lastCurrentTime = this._currentTickTime;
|
||
|
this._currentTickTime = finalTime;
|
||
|
if (doTick) {
|
||
|
doTick(this._currentTickTime - lastCurrentTime);
|
||
|
}
|
||
|
}
|
||
|
flushOnlyPendingTimers(doTick) {
|
||
|
if (this._schedulerQueue.length === 0) {
|
||
|
return 0;
|
||
|
}
|
||
|
// Find the last task currently queued in the scheduler queue and tick
|
||
|
// till that time.
|
||
|
const startTime = this._currentTickTime;
|
||
|
const lastTask = this._schedulerQueue[this._schedulerQueue.length - 1];
|
||
|
this.tick(lastTask.endTime - startTime, doTick, { processNewMacroTasksSynchronously: false });
|
||
|
return this._currentTickTime - startTime;
|
||
|
}
|
||
|
flush(limit = 20, flushPeriodic = false, doTick) {
|
||
|
if (flushPeriodic) {
|
||
|
return this.flushPeriodic(doTick);
|
||
|
}
|
||
|
else {
|
||
|
return this.flushNonPeriodic(limit, doTick);
|
||
|
}
|
||
|
}
|
||
|
flushPeriodic(doTick) {
|
||
|
if (this._schedulerQueue.length === 0) {
|
||
|
return 0;
|
||
|
}
|
||
|
// Find the last task currently queued in the scheduler queue and tick
|
||
|
// till that time.
|
||
|
const startTime = this._currentTickTime;
|
||
|
const lastTask = this._schedulerQueue[this._schedulerQueue.length - 1];
|
||
|
this.tick(lastTask.endTime - startTime, doTick);
|
||
|
return this._currentTickTime - startTime;
|
||
|
}
|
||
|
flushNonPeriodic(limit, doTick) {
|
||
|
const startTime = this._currentTickTime;
|
||
|
let lastCurrentTime = 0;
|
||
|
let count = 0;
|
||
|
while (this._schedulerQueue.length > 0) {
|
||
|
count++;
|
||
|
if (count > limit) {
|
||
|
throw new Error('flush failed after reaching the limit of ' + limit +
|
||
|
' tasks. Does your code use a polling timeout?');
|
||
|
}
|
||
|
// flush only non-periodic timers.
|
||
|
// If the only remaining tasks are periodic(or requestAnimationFrame), finish flushing.
|
||
|
if (this._schedulerQueue.filter(task => !task.isPeriodic && !task.isRequestAnimationFrame)
|
||
|
.length === 0) {
|
||
|
break;
|
||
|
}
|
||
|
const current = this._schedulerQueue.shift();
|
||
|
lastCurrentTime = this._currentTickTime;
|
||
|
this._currentTickTime = current.endTime;
|
||
|
if (doTick) {
|
||
|
// Update any secondary schedulers like Jasmine mock Date.
|
||
|
doTick(this._currentTickTime - lastCurrentTime);
|
||
|
}
|
||
|
const retval = current.func.apply(global, current.args);
|
||
|
if (!retval) {
|
||
|
// Uncaught exception in the current scheduled function. Stop processing the queue.
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
return this._currentTickTime - startTime;
|
||
|
}
|
||
|
}
|
||
|
class FakeAsyncTestZoneSpec {
|
||
|
static assertInZone() {
|
||
|
if (Zone.current.get('FakeAsyncTestZoneSpec') == null) {
|
||
|
throw new Error('The code should be running in the fakeAsync zone to call this function');
|
||
|
}
|
||
|
}
|
||
|
constructor(namePrefix, trackPendingRequestAnimationFrame = false, macroTaskOptions) {
|
||
|
this.trackPendingRequestAnimationFrame = trackPendingRequestAnimationFrame;
|
||
|
this.macroTaskOptions = macroTaskOptions;
|
||
|
this._scheduler = new Scheduler();
|
||
|
this._microtasks = [];
|
||
|
this._lastError = null;
|
||
|
this._uncaughtPromiseErrors = Promise[Zone.__symbol__('uncaughtPromiseErrors')];
|
||
|
this.pendingPeriodicTimers = [];
|
||
|
this.pendingTimers = [];
|
||
|
this.patchDateLocked = false;
|
||
|
this.properties = { 'FakeAsyncTestZoneSpec': this };
|
||
|
this.name = 'fakeAsyncTestZone for ' + namePrefix;
|
||
|
// in case user can't access the construction of FakeAsyncTestSpec
|
||
|
// user can also define macroTaskOptions by define a global variable.
|
||
|
if (!this.macroTaskOptions) {
|
||
|
this.macroTaskOptions = global[Zone.__symbol__('FakeAsyncTestMacroTask')];
|
||
|
}
|
||
|
}
|
||
|
_fnAndFlush(fn, completers) {
|
||
|
return (...args) => {
|
||
|
fn.apply(global, args);
|
||
|
if (this._lastError === null) { // Success
|
||
|
if (completers.onSuccess != null) {
|
||
|
completers.onSuccess.apply(global);
|
||
|
}
|
||
|
// Flush microtasks only on success.
|
||
|
this.flushMicrotasks();
|
||
|
}
|
||
|
else { // Failure
|
||
|
if (completers.onError != null) {
|
||
|
completers.onError.apply(global);
|
||
|
}
|
||
|
}
|
||
|
// Return true if there were no errors, false otherwise.
|
||
|
return this._lastError === null;
|
||
|
};
|
||
|
}
|
||
|
static _removeTimer(timers, id) {
|
||
|
let index = timers.indexOf(id);
|
||
|
if (index > -1) {
|
||
|
timers.splice(index, 1);
|
||
|
}
|
||
|
}
|
||
|
_dequeueTimer(id) {
|
||
|
return () => {
|
||
|
FakeAsyncTestZoneSpec._removeTimer(this.pendingTimers, id);
|
||
|
};
|
||
|
}
|
||
|
_requeuePeriodicTimer(fn, interval, args, id) {
|
||
|
return () => {
|
||
|
// Requeue the timer callback if it's not been canceled.
|
||
|
if (this.pendingPeriodicTimers.indexOf(id) !== -1) {
|
||
|
this._scheduler.scheduleFunction(fn, interval, { args, isPeriodic: true, id, isRequeuePeriodic: true });
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
_dequeuePeriodicTimer(id) {
|
||
|
return () => {
|
||
|
FakeAsyncTestZoneSpec._removeTimer(this.pendingPeriodicTimers, id);
|
||
|
};
|
||
|
}
|
||
|
_setTimeout(fn, delay, args, isTimer = true) {
|
||
|
let removeTimerFn = this._dequeueTimer(Scheduler.nextId);
|
||
|
// Queue the callback and dequeue the timer on success and error.
|
||
|
let cb = this._fnAndFlush(fn, { onSuccess: removeTimerFn, onError: removeTimerFn });
|
||
|
let id = this._scheduler.scheduleFunction(cb, delay, { args, isRequestAnimationFrame: !isTimer });
|
||
|
if (isTimer) {
|
||
|
this.pendingTimers.push(id);
|
||
|
}
|
||
|
return id;
|
||
|
}
|
||
|
_clearTimeout(id) {
|
||
|
FakeAsyncTestZoneSpec._removeTimer(this.pendingTimers, id);
|
||
|
this._scheduler.removeScheduledFunctionWithId(id);
|
||
|
}
|
||
|
_setInterval(fn, interval, args) {
|
||
|
let id = Scheduler.nextId;
|
||
|
let completers = { onSuccess: null, onError: this._dequeuePeriodicTimer(id) };
|
||
|
let cb = this._fnAndFlush(fn, completers);
|
||
|
// Use the callback created above to requeue on success.
|
||
|
completers.onSuccess = this._requeuePeriodicTimer(cb, interval, args, id);
|
||
|
// Queue the callback and dequeue the periodic timer only on error.
|
||
|
this._scheduler.scheduleFunction(cb, interval, { args, isPeriodic: true });
|
||
|
this.pendingPeriodicTimers.push(id);
|
||
|
return id;
|
||
|
}
|
||
|
_clearInterval(id) {
|
||
|
FakeAsyncTestZoneSpec._removeTimer(this.pendingPeriodicTimers, id);
|
||
|
this._scheduler.removeScheduledFunctionWithId(id);
|
||
|
}
|
||
|
_resetLastErrorAndThrow() {
|
||
|
let error = this._lastError || this._uncaughtPromiseErrors[0];
|
||
|
this._uncaughtPromiseErrors.length = 0;
|
||
|
this._lastError = null;
|
||
|
throw error;
|
||
|
}
|
||
|
getCurrentTickTime() {
|
||
|
return this._scheduler.getCurrentTickTime();
|
||
|
}
|
||
|
getFakeSystemTime() {
|
||
|
return this._scheduler.getFakeSystemTime();
|
||
|
}
|
||
|
setFakeBaseSystemTime(realTime) {
|
||
|
this._scheduler.setFakeBaseSystemTime(realTime);
|
||
|
}
|
||
|
getRealSystemTime() {
|
||
|
return this._scheduler.getRealSystemTime();
|
||
|
}
|
||
|
static patchDate() {
|
||
|
if (!!global[Zone.__symbol__('disableDatePatching')]) {
|
||
|
// we don't want to patch global Date
|
||
|
// because in some case, global Date
|
||
|
// is already being patched, we need to provide
|
||
|
// an option to let user still use their
|
||
|
// own version of Date.
|
||
|
return;
|
||
|
}
|
||
|
if (global['Date'] === FakeDate) {
|
||
|
// already patched
|
||
|
return;
|
||
|
}
|
||
|
global['Date'] = FakeDate;
|
||
|
FakeDate.prototype = OriginalDate.prototype;
|
||
|
// try check and reset timers
|
||
|
// because jasmine.clock().install() may
|
||
|
// have replaced the global timer
|
||
|
FakeAsyncTestZoneSpec.checkTimerPatch();
|
||
|
}
|
||
|
static resetDate() {
|
||
|
if (global['Date'] === FakeDate) {
|
||
|
global['Date'] = OriginalDate;
|
||
|
}
|
||
|
}
|
||
|
static checkTimerPatch() {
|
||
|
if (global.setTimeout !== timers.setTimeout) {
|
||
|
global.setTimeout = timers.setTimeout;
|
||
|
global.clearTimeout = timers.clearTimeout;
|
||
|
}
|
||
|
if (global.setInterval !== timers.setInterval) {
|
||
|
global.setInterval = timers.setInterval;
|
||
|
global.clearInterval = timers.clearInterval;
|
||
|
}
|
||
|
}
|
||
|
lockDatePatch() {
|
||
|
this.patchDateLocked = true;
|
||
|
FakeAsyncTestZoneSpec.patchDate();
|
||
|
}
|
||
|
unlockDatePatch() {
|
||
|
this.patchDateLocked = false;
|
||
|
FakeAsyncTestZoneSpec.resetDate();
|
||
|
}
|
||
|
tickToNext(steps = 1, doTick, tickOptions = { processNewMacroTasksSynchronously: true }) {
|
||
|
if (steps <= 0) {
|
||
|
return;
|
||
|
}
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
this.flushMicrotasks();
|
||
|
this._scheduler.tickToNext(steps, doTick, tickOptions);
|
||
|
if (this._lastError !== null) {
|
||
|
this._resetLastErrorAndThrow();
|
||
|
}
|
||
|
}
|
||
|
tick(millis = 0, doTick, tickOptions = { processNewMacroTasksSynchronously: true }) {
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
this.flushMicrotasks();
|
||
|
this._scheduler.tick(millis, doTick, tickOptions);
|
||
|
if (this._lastError !== null) {
|
||
|
this._resetLastErrorAndThrow();
|
||
|
}
|
||
|
}
|
||
|
flushMicrotasks() {
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
const flushErrors = () => {
|
||
|
if (this._lastError !== null || this._uncaughtPromiseErrors.length) {
|
||
|
// If there is an error stop processing the microtask queue and rethrow the error.
|
||
|
this._resetLastErrorAndThrow();
|
||
|
}
|
||
|
};
|
||
|
while (this._microtasks.length > 0) {
|
||
|
let microtask = this._microtasks.shift();
|
||
|
microtask.func.apply(microtask.target, microtask.args);
|
||
|
}
|
||
|
flushErrors();
|
||
|
}
|
||
|
flush(limit, flushPeriodic, doTick) {
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
this.flushMicrotasks();
|
||
|
const elapsed = this._scheduler.flush(limit, flushPeriodic, doTick);
|
||
|
if (this._lastError !== null) {
|
||
|
this._resetLastErrorAndThrow();
|
||
|
}
|
||
|
return elapsed;
|
||
|
}
|
||
|
flushOnlyPendingTimers(doTick) {
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
this.flushMicrotasks();
|
||
|
const elapsed = this._scheduler.flushOnlyPendingTimers(doTick);
|
||
|
if (this._lastError !== null) {
|
||
|
this._resetLastErrorAndThrow();
|
||
|
}
|
||
|
return elapsed;
|
||
|
}
|
||
|
removeAllTimers() {
|
||
|
FakeAsyncTestZoneSpec.assertInZone();
|
||
|
this._scheduler.removeAll();
|
||
|
this.pendingPeriodicTimers = [];
|
||
|
this.pendingTimers = [];
|
||
|
}
|
||
|
getTimerCount() {
|
||
|
return this._scheduler.getTimerCount() + this._microtasks.length;
|
||
|
}
|
||
|
onScheduleTask(delegate, current, target, task) {
|
||
|
switch (task.type) {
|
||
|
case 'microTask':
|
||
|
let args = task.data && task.data.args;
|
||
|
// should pass additional arguments to callback if have any
|
||
|
// currently we know process.nextTick will have such additional
|
||
|
// arguments
|
||
|
let additionalArgs;
|
||
|
if (args) {
|
||
|
let callbackIndex = task.data.cbIdx;
|
||
|
if (typeof args.length === 'number' && args.length > callbackIndex + 1) {
|
||
|
additionalArgs = Array.prototype.slice.call(args, callbackIndex + 1);
|
||
|
}
|
||
|
}
|
||
|
this._microtasks.push({
|
||
|
func: task.invoke,
|
||
|
args: additionalArgs,
|
||
|
target: task.data && task.data.target
|
||
|
});
|
||
|
break;
|
||
|
case 'macroTask':
|
||
|
switch (task.source) {
|
||
|
case 'setTimeout':
|
||
|
task.data['handleId'] = this._setTimeout(task.invoke, task.data['delay'], Array.prototype.slice.call(task.data['args'], 2));
|
||
|
break;
|
||
|
case 'setImmediate':
|
||
|
task.data['handleId'] = this._setTimeout(task.invoke, 0, Array.prototype.slice.call(task.data['args'], 1));
|
||
|
break;
|
||
|
case 'setInterval':
|
||
|
task.data['handleId'] = this._setInterval(task.invoke, task.data['delay'], Array.prototype.slice.call(task.data['args'], 2));
|
||
|
break;
|
||
|
case 'XMLHttpRequest.send':
|
||
|
throw new Error('Cannot make XHRs from within a fake async test. Request URL: ' +
|
||
|
task.data['url']);
|
||
|
case 'requestAnimationFrame':
|
||
|
case 'webkitRequestAnimationFrame':
|
||
|
case 'mozRequestAnimationFrame':
|
||
|
// Simulate a requestAnimationFrame by using a setTimeout with 16 ms.
|
||
|
// (60 frames per second)
|
||
|
task.data['handleId'] = this._setTimeout(task.invoke, 16, task.data['args'], this.trackPendingRequestAnimationFrame);
|
||
|
break;
|
||
|
default:
|
||
|
// user can define which macroTask they want to support by passing
|
||
|
// macroTaskOptions
|
||
|
const macroTaskOption = this.findMacroTaskOption(task);
|
||
|
if (macroTaskOption) {
|
||
|
const args = task.data && task.data['args'];
|
||
|
const delay = args && args.length > 1 ? args[1] : 0;
|
||
|
let callbackArgs = macroTaskOption.callbackArgs ? macroTaskOption.callbackArgs : args;
|
||
|
if (!!macroTaskOption.isPeriodic) {
|
||
|
// periodic macroTask, use setInterval to simulate
|
||
|
task.data['handleId'] = this._setInterval(task.invoke, delay, callbackArgs);
|
||
|
task.data.isPeriodic = true;
|
||
|
}
|
||
|
else {
|
||
|
// not periodic, use setTimeout to simulate
|
||
|
task.data['handleId'] = this._setTimeout(task.invoke, delay, callbackArgs);
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
throw new Error('Unknown macroTask scheduled in fake async test: ' + task.source);
|
||
|
}
|
||
|
break;
|
||
|
case 'eventTask':
|
||
|
task = delegate.scheduleTask(target, task);
|
||
|
break;
|
||
|
}
|
||
|
return task;
|
||
|
}
|
||
|
onCancelTask(delegate, current, target, task) {
|
||
|
switch (task.source) {
|
||
|
case 'setTimeout':
|
||
|
case 'requestAnimationFrame':
|
||
|
case 'webkitRequestAnimationFrame':
|
||
|
case 'mozRequestAnimationFrame':
|
||
|
return this._clearTimeout(task.data['handleId']);
|
||
|
case 'setInterval':
|
||
|
return this._clearInterval(task.data['handleId']);
|
||
|
default:
|
||
|
// user can define which macroTask they want to support by passing
|
||
|
// macroTaskOptions
|
||
|
const macroTaskOption = this.findMacroTaskOption(task);
|
||
|
if (macroTaskOption) {
|
||
|
const handleId = task.data['handleId'];
|
||
|
return macroTaskOption.isPeriodic ? this._clearInterval(handleId) :
|
||
|
this._clearTimeout(handleId);
|
||
|
}
|
||
|
return delegate.cancelTask(target, task);
|
||
|
}
|
||
|
}
|
||
|
onInvoke(delegate, current, target, callback, applyThis, applyArgs, source) {
|
||
|
try {
|
||
|
FakeAsyncTestZoneSpec.patchDate();
|
||
|
return delegate.invoke(target, callback, applyThis, applyArgs, source);
|
||
|
}
|
||
|
finally {
|
||
|
if (!this.patchDateLocked) {
|
||
|
FakeAsyncTestZoneSpec.resetDate();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
findMacroTaskOption(task) {
|
||
|
if (!this.macroTaskOptions) {
|
||
|
return null;
|
||
|
}
|
||
|
for (let i = 0; i < this.macroTaskOptions.length; i++) {
|
||
|
const macroTaskOption = this.macroTaskOptions[i];
|
||
|
if (macroTaskOption.source === task.source) {
|
||
|
return macroTaskOption;
|
||
|
}
|
||
|
}
|
||
|
return null;
|
||
|
}
|
||
|
onHandleError(parentZoneDelegate, currentZone, targetZone, error) {
|
||
|
this._lastError = error;
|
||
|
return false; // Don't propagate error to parent zone.
|
||
|
}
|
||
|
}
|
||
|
// Export the class so that new instances can be created with proper
|
||
|
// constructor params.
|
||
|
Zone['FakeAsyncTestZoneSpec'] = FakeAsyncTestZoneSpec;
|
||
|
})(typeof window === 'object' && window || typeof self === 'object' && self || global);
|
||
|
Zone.__load_patch('fakeasync', (global, Zone, api) => {
|
||
|
const FakeAsyncTestZoneSpec = Zone && Zone['FakeAsyncTestZoneSpec'];
|
||
|
function getProxyZoneSpec() {
|
||
|
return Zone && Zone['ProxyZoneSpec'];
|
||
|
}
|
||
|
let _fakeAsyncTestZoneSpec = null;
|
||
|
/**
|
||
|
* Clears out the shared fake async zone for a test.
|
||
|
* To be called in a global `beforeEach`.
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function resetFakeAsyncZone() {
|
||
|
if (_fakeAsyncTestZoneSpec) {
|
||
|
_fakeAsyncTestZoneSpec.unlockDatePatch();
|
||
|
}
|
||
|
_fakeAsyncTestZoneSpec = null;
|
||
|
// in node.js testing we may not have ProxyZoneSpec in which case there is nothing to reset.
|
||
|
getProxyZoneSpec() && getProxyZoneSpec().assertPresent().resetDelegate();
|
||
|
}
|
||
|
/**
|
||
|
* Wraps a function to be executed in the fakeAsync zone:
|
||
|
* - microtasks are manually executed by calling `flushMicrotasks()`,
|
||
|
* - timers are synchronous, `tick()` simulates the asynchronous passage of time.
|
||
|
*
|
||
|
* If there are any pending timers at the end of the function, an exception will be thrown.
|
||
|
*
|
||
|
* Can be used to wrap inject() calls.
|
||
|
*
|
||
|
* ## Example
|
||
|
*
|
||
|
* {@example core/testing/ts/fake_async.ts region='basic'}
|
||
|
*
|
||
|
* @param fn
|
||
|
* @returns The function wrapped to be executed in the fakeAsync zone
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function fakeAsync(fn) {
|
||
|
// Not using an arrow function to preserve context passed from call site
|
||
|
const fakeAsyncFn = function (...args) {
|
||
|
const ProxyZoneSpec = getProxyZoneSpec();
|
||
|
if (!ProxyZoneSpec) {
|
||
|
throw new Error('ProxyZoneSpec is needed for the async() test helper but could not be found. ' +
|
||
|
'Please make sure that your environment includes zone.js/plugins/proxy');
|
||
|
}
|
||
|
const proxyZoneSpec = ProxyZoneSpec.assertPresent();
|
||
|
if (Zone.current.get('FakeAsyncTestZoneSpec')) {
|
||
|
throw new Error('fakeAsync() calls can not be nested');
|
||
|
}
|
||
|
try {
|
||
|
// in case jasmine.clock init a fakeAsyncTestZoneSpec
|
||
|
if (!_fakeAsyncTestZoneSpec) {
|
||
|
if (proxyZoneSpec.getDelegate() instanceof FakeAsyncTestZoneSpec) {
|
||
|
throw new Error('fakeAsync() calls can not be nested');
|
||
|
}
|
||
|
_fakeAsyncTestZoneSpec = new FakeAsyncTestZoneSpec();
|
||
|
}
|
||
|
let res;
|
||
|
const lastProxyZoneSpec = proxyZoneSpec.getDelegate();
|
||
|
proxyZoneSpec.setDelegate(_fakeAsyncTestZoneSpec);
|
||
|
_fakeAsyncTestZoneSpec.lockDatePatch();
|
||
|
try {
|
||
|
res = fn.apply(this, args);
|
||
|
flushMicrotasks();
|
||
|
}
|
||
|
finally {
|
||
|
proxyZoneSpec.setDelegate(lastProxyZoneSpec);
|
||
|
}
|
||
|
if (_fakeAsyncTestZoneSpec.pendingPeriodicTimers.length > 0) {
|
||
|
throw new Error(`${_fakeAsyncTestZoneSpec.pendingPeriodicTimers.length} ` +
|
||
|
`periodic timer(s) still in the queue.`);
|
||
|
}
|
||
|
if (_fakeAsyncTestZoneSpec.pendingTimers.length > 0) {
|
||
|
throw new Error(`${_fakeAsyncTestZoneSpec.pendingTimers.length} timer(s) still in the queue.`);
|
||
|
}
|
||
|
return res;
|
||
|
}
|
||
|
finally {
|
||
|
resetFakeAsyncZone();
|
||
|
}
|
||
|
};
|
||
|
fakeAsyncFn.isFakeAsync = true;
|
||
|
return fakeAsyncFn;
|
||
|
}
|
||
|
function _getFakeAsyncZoneSpec() {
|
||
|
if (_fakeAsyncTestZoneSpec == null) {
|
||
|
_fakeAsyncTestZoneSpec = Zone.current.get('FakeAsyncTestZoneSpec');
|
||
|
if (_fakeAsyncTestZoneSpec == null) {
|
||
|
throw new Error('The code should be running in the fakeAsync zone to call this function');
|
||
|
}
|
||
|
}
|
||
|
return _fakeAsyncTestZoneSpec;
|
||
|
}
|
||
|
/**
|
||
|
* Simulates the asynchronous passage of time for the timers in the fakeAsync zone.
|
||
|
*
|
||
|
* The microtasks queue is drained at the very start of this function and after any timer callback
|
||
|
* has been executed.
|
||
|
*
|
||
|
* ## Example
|
||
|
*
|
||
|
* {@example core/testing/ts/fake_async.ts region='basic'}
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function tick(millis = 0, ignoreNestedTimeout = false) {
|
||
|
_getFakeAsyncZoneSpec().tick(millis, null, ignoreNestedTimeout);
|
||
|
}
|
||
|
/**
|
||
|
* Simulates the asynchronous passage of time for the timers in the fakeAsync zone by
|
||
|
* draining the macrotask queue until it is empty. The returned value is the milliseconds
|
||
|
* of time that would have been elapsed.
|
||
|
*
|
||
|
* @param maxTurns
|
||
|
* @returns The simulated time elapsed, in millis.
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function flush(maxTurns) {
|
||
|
return _getFakeAsyncZoneSpec().flush(maxTurns);
|
||
|
}
|
||
|
/**
|
||
|
* Discard all remaining periodic tasks.
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function discardPeriodicTasks() {
|
||
|
const zoneSpec = _getFakeAsyncZoneSpec();
|
||
|
zoneSpec.pendingPeriodicTimers;
|
||
|
zoneSpec.pendingPeriodicTimers.length = 0;
|
||
|
}
|
||
|
/**
|
||
|
* Flush any pending microtasks.
|
||
|
*
|
||
|
* @experimental
|
||
|
*/
|
||
|
function flushMicrotasks() {
|
||
|
_getFakeAsyncZoneSpec().flushMicrotasks();
|
||
|
}
|
||
|
Zone[api.symbol('fakeAsyncTest')] =
|
||
|
{ resetFakeAsyncZone, flushMicrotasks, discardPeriodicTasks, tick, flush, fakeAsync };
|
||
|
}, true);
|
||
|
|
||
|
/**
|
||
|
* Promise for async/fakeAsync zoneSpec test
|
||
|
* can support async operation which not supported by zone.js
|
||
|
* such as
|
||
|
* it ('test jsonp in AsyncZone', async() => {
|
||
|
* new Promise(res => {
|
||
|
* jsonp(url, (data) => {
|
||
|
* // success callback
|
||
|
* res(data);
|
||
|
* });
|
||
|
* }).then((jsonpResult) => {
|
||
|
* // get jsonp result.
|
||
|
*
|
||
|
* // user will expect AsyncZoneSpec wait for
|
||
|
* // then, but because jsonp is not zone aware
|
||
|
* // AsyncZone will finish before then is called.
|
||
|
* });
|
||
|
* });
|
||
|
*/
|
||
|
Zone.__load_patch('promisefortest', (global, Zone, api) => {
|
||
|
const symbolState = api.symbol('state');
|
||
|
const UNRESOLVED = null;
|
||
|
const symbolParentUnresolved = api.symbol('parentUnresolved');
|
||
|
// patch Promise.prototype.then to keep an internal
|
||
|
// number for tracking unresolved chained promise
|
||
|
// we will decrease this number when the parent promise
|
||
|
// being resolved/rejected and chained promise was
|
||
|
// scheduled as a microTask.
|
||
|
// so we can know such kind of chained promise still
|
||
|
// not resolved in AsyncTestZone
|
||
|
Promise[api.symbol('patchPromiseForTest')] = function patchPromiseForTest() {
|
||
|
let oriThen = Promise[Zone.__symbol__('ZonePromiseThen')];
|
||
|
if (oriThen) {
|
||
|
return;
|
||
|
}
|
||
|
oriThen = Promise[Zone.__symbol__('ZonePromiseThen')] = Promise.prototype.then;
|
||
|
Promise.prototype.then = function () {
|
||
|
const chained = oriThen.apply(this, arguments);
|
||
|
if (this[symbolState] === UNRESOLVED) {
|
||
|
// parent promise is unresolved.
|
||
|
const asyncTestZoneSpec = Zone.current.get('AsyncTestZoneSpec');
|
||
|
if (asyncTestZoneSpec) {
|
||
|
asyncTestZoneSpec.unresolvedChainedPromiseCount++;
|
||
|
chained[symbolParentUnresolved] = true;
|
||
|
}
|
||
|
}
|
||
|
return chained;
|
||
|
};
|
||
|
};
|
||
|
Promise[api.symbol('unPatchPromiseForTest')] = function unpatchPromiseForTest() {
|
||
|
// restore origin then
|
||
|
const oriThen = Promise[Zone.__symbol__('ZonePromiseThen')];
|
||
|
if (oriThen) {
|
||
|
Promise.prototype.then = oriThen;
|
||
|
Promise[Zone.__symbol__('ZonePromiseThen')] = undefined;
|
||
|
}
|
||
|
};
|
||
|
});
|