mirror of
https://github.com/systemjs/systemjs.git
synced 2026-02-01 15:59:54 +00:00
11d51443b2
This adds support for web workers building on the work done in ES6 Module Loader. Mostly just window checks, did have to do a plain old eval in this case. Fixes #165
571 lines
15 KiB
JavaScript
571 lines
15 KiB
JavaScript
"format global";
|
|
|
|
(function() {
|
|
|
|
QUnit.config.testTimeout = 2000;
|
|
|
|
QUnit.module("SystemJS");
|
|
|
|
if (typeof window == 'undefined') {
|
|
System.baseURL = 'test';
|
|
}
|
|
|
|
function err(e) {
|
|
setTimeout(function() {
|
|
if (typeof window == 'undefined')
|
|
console.log(e.stack);
|
|
else
|
|
throw e;
|
|
start();
|
|
});
|
|
}
|
|
|
|
var ie8 = typeof navigator != 'undefined' && navigator.appVersion && navigator.appVersion.indexOf('MSIE 8') != -1;
|
|
|
|
asyncTest('Error handling', function() {
|
|
System['import']('tests/error').then(err, function(e) {
|
|
ok(true);
|
|
start();
|
|
});
|
|
});
|
|
|
|
if (!ie8)
|
|
asyncTest('Global script loading', function() {
|
|
System['import']('tests/global').then(function(m) {
|
|
ok(m.jjQuery && m.another, 'Global objects not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
if (!ie8)
|
|
asyncTest('Global script with var syntax', function() {
|
|
System['import']('tests/global-single').then(function(m) {
|
|
ok(m == 'bar', 'Wrong global value');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script with multiple objects the same', function() {
|
|
System['import']('tests/global-multi').then(function(m) {
|
|
ok(m.jquery == 'here', 'Multi globals not detected');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
if (!ie8)
|
|
asyncTest('Global script multiple objects different', function() {
|
|
System['import']('tests/global-multi-diff').then(function(m) {
|
|
ok(m.foo == 'barz');
|
|
ok(m.baz == 'chaz');
|
|
ok(m.zed == 'ted');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script loading with inline shim', function() {
|
|
System['import']('tests/global-inline-dep').then(function(m) {
|
|
ok(m == '1.8.3', 'Global dependency not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script with inline exports', function() {
|
|
System['import']('tests/global-inline-export').then(function(m) {
|
|
ok(m == 'r', 'Inline export not applied');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script with shim config', function() {
|
|
System.meta['tests/global-shim-config'] = { deps: ['./global-shim-config-dep'] };
|
|
System['import']('tests/global-shim-config').then(function(m) {
|
|
ok(m == 'shimmed', 'Not shimmed');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
if (!ie8)
|
|
asyncTest('Global script with inaccessible properties', function() {
|
|
Object.defineProperty(System.global, 'errorOnAccess', {
|
|
configurable: true,
|
|
enumerable: true,
|
|
get: function() { throw Error('This property is inaccessible'); },
|
|
});
|
|
|
|
System['import']('tests/global-inaccessible-props').then(function(m) {
|
|
ok(m == 'result of global-inaccessible-props', 'Failed due to a inaccessible property');
|
|
|
|
delete System.global.errorOnAccess;
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script loading that detects as AMD with shim config', function() {
|
|
System.meta['tests/global-shim-amd'] = { format: 'global' };
|
|
System['import']('tests/global-shim-amd').then(function(m) {
|
|
ok(m == 'global', 'Not shimmed');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
if (!ie8)
|
|
asyncTest('Meta should override meta syntax', function() {
|
|
System.meta['tests/meta-override'] = { format: 'es6' };
|
|
System['import']('tests/meta-override').then(function(m) {
|
|
ok(m.p == 'value', 'Not ES6');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Support the empty module', function() {
|
|
System['import']('@empty').then(function(m) {
|
|
ok(m, 'No empty module');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Global script with shim config exports', function() {
|
|
System.meta['tests/global-shim-config-exports'] = { exports: 'p' };
|
|
System['import']('tests/global-shim-config-exports').then(function(m) {
|
|
ok(m == 'export', 'Exports not shimmed');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Map configuration', function() {
|
|
System.map['maptest'] = 'tests/map-test';
|
|
System['import']('maptest').then(function(m) {
|
|
ok(m.maptest == 'maptest', 'Mapped module not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Map configuration subpath', function() {
|
|
System.map['maptest'] = 'tests/map-test';
|
|
System['import']('maptest/sub').then(function(m) {
|
|
ok(m.maptest == 'maptestsub', 'Mapped folder not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Contextual map configuration', function() {
|
|
System.map['tests/contextual-map'] = {
|
|
maptest: 'tests/contextual-map-dep'
|
|
};
|
|
System['import']('tests/contextual-map').then(function(m) {
|
|
ok(m.mapdep == 'mapdep', 'Contextual map dep not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Submodule contextual map configuration', function() {
|
|
System.map['tests/subcontextual-map'] = {
|
|
dep: 'tests/subcontextual-mapdep'
|
|
};
|
|
System['import']('tests/subcontextual-map/submodule').then(function(m) {
|
|
ok(m == 'submapdep', 'Submodule contextual map not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Contextual map with shim', function() {
|
|
System.meta['tests/shim-map-test'] = {
|
|
deps: ['shim-map-dep']
|
|
};
|
|
System.map['tests/shim-map-test'] = {
|
|
'shim-map-dep': 'tests/shim-map-test-dep'
|
|
};
|
|
System['import']('tests/shim-map-test').then(function(m) {
|
|
ok(m == 'depvalue', 'shim dep not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Prefetching', function() {
|
|
throws(System['import']('tests/prefetch'));
|
|
start();
|
|
});
|
|
|
|
asyncTest('Package loading shorthand', function() {
|
|
System.map['tests/package'] = 'tests/some-package';
|
|
System['import']('tests/package/').then(function(m) {
|
|
ok(m.isPackage);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading an AMD module', function() {
|
|
System['import']('tests/amd-module').then(function(m) {
|
|
ok(m.amd == true, 'Incorrect module');
|
|
ok(m.dep.amd == 'dep', 'Dependency not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('AMD detection test', function() {
|
|
System['import']('tests/amd-module-2').then(function(m) {
|
|
ok(m.amd);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('AMD detection test with comments', function() {
|
|
System['import']('tests/amd-module-3').then(function(m) {
|
|
ok(m.amd);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
System.bundles['tests/amd-bundle'] = ['bundle-1', 'bundle-2'];
|
|
asyncTest('Loading an AMD bundle', function() {
|
|
System['import']('bundle-1').then(function(m) {
|
|
ok(m.defined == true);
|
|
start();
|
|
}, err);
|
|
|
|
stop();
|
|
System['import']('bundle-2').then(function(m) {
|
|
ok(m.defined == true);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading an AMD named define', function() {
|
|
System['import']('tests/nameddefine').then(function(m1){
|
|
ok(m1.converter, 'Showdown not loaded');
|
|
System['import']('another-define').then(function(m2) {
|
|
ok(m2.named === 'define', 'Another module is not defined');
|
|
start();
|
|
}, err);
|
|
}, err);
|
|
});
|
|
|
|
|
|
asyncTest('Loading AMD CommonJS form', function() {
|
|
System['import']('tests/amd-cjs-module').then(function(m) {
|
|
ok(m.test == 'hi', 'Not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading a CommonJS module', function() {
|
|
System['import']('tests/common-js-module').then(function(m) {
|
|
ok(m.hello == 'world', 'module value not defined');
|
|
ok(m.first == 'this is a dep', 'dep value not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading a CommonJS module with this', function() {
|
|
System['import']('tests/cjs-this').then(function(m) {
|
|
ok(m.asdf == 'module value');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('CommonJS setting module.exports', function() {
|
|
System['import']('tests/cjs-exports').then(function(m) {
|
|
ok(m.e = 'export');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading a UMD module', function() {
|
|
System['import']('tests/umd').then(function(m) {
|
|
ok(m.d == 'hi', 'module value not defined');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading AMD with format hint', function() {
|
|
System['import']('tests/amd-format').then(function(m) {
|
|
ok(m.amd == 'amd', 'AMD not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading CJS with format hint', function() {
|
|
System['import']('tests/cjs-format').then(function(m) {
|
|
ok(m.cjs == 'cjs', 'CJS not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Versions support', function() {
|
|
System.versions['tests/versioned'] = '2.0.3';
|
|
System['import']('tests/versioned@^2.0.3').then(function(m) {
|
|
ok(m.version == '2.3.4', 'Version not loaded');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Version with map', function() {
|
|
System.versions['tests/mvd'] = '2.0.0';
|
|
System.map['tests/map-version'] = {
|
|
'tests/mvd': 'tests/mvd@^2.0.0'
|
|
};
|
|
System['import']('tests/map-version').then(function(m) {
|
|
ok(m == 'overridden map version');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Simple compiler Plugin', function() {
|
|
System.map['coffee'] = 'tests/compiler-plugin';
|
|
System['import']('tests/compiler-test.coffee!').then(function(m) {
|
|
ok(m.output == 'plugin output', 'Plugin not working.');
|
|
ok(m.extra == 'yay!', 'Compiler not working.');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Mapping to a plugin', function() {
|
|
System.map['pluginrequest'] = 'tests/compiled.coffee!';
|
|
System.map['coffee'] = 'tests/compiler-plugin';
|
|
System['import']('pluginrequest').then(function(m) {
|
|
ok(m.extra == 'yay!', 'Plugin not applying.');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Mapping a plugin argument', function() {
|
|
System.map['bootstrap'] = 'tests/bootstrap@^3.1.1';
|
|
System.versions['tests/bootstrap'] = '3.1.1';
|
|
System.map['coffee'] = 'tests/compiler-plugin';
|
|
System['import']('bootstrap/test.coffee!coffee').then(function(m) {
|
|
ok(m.extra == 'yay!', 'not working');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Advanced compiler plugin', function() {
|
|
System['import']('tests/compiler-test!tests/advanced-plugin').then(function(m) {
|
|
ok(m == 'custom fetch:tests/compiler-test!tests/advanced-plugin', m);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Plugin as a dependency', function() {
|
|
System.map['css'] = 'tests/css';
|
|
System['import']('tests/cjs-loading-plugin').then(function(m) {
|
|
ok(m.pluginSource == 'this is css');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('AMD Circular', function() {
|
|
System['import']('tests/amd-circular1').then(function(m) {
|
|
ok(m.outFunc() == 5, 'Expected execution');
|
|
start();
|
|
})['catch'](err);
|
|
});
|
|
|
|
asyncTest('CJS Circular', function() {
|
|
System['import']('tests/cjs-circular1').then(function(m) {
|
|
ok(m.first == 'second value');
|
|
ok(m.firstWas == 'first value', 'Original value');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('System.register Circular', function() {
|
|
System['import']('tests/register-circular1').then(function(m) {
|
|
ok(m.q == 3, 'Binding not allocated');
|
|
ok(m.r == 5, 'Binding not updated');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
System.bundles['tests/mixed-bundle'] = ['tree/third', 'tree/cjs', 'tree/jquery', 'tree/second', 'tree/global', 'tree/amd', 'tree/first'];
|
|
|
|
asyncTest('Loading AMD from a bundle', function() {
|
|
System['import']('tree/amd').then(function(m) {
|
|
ok(m.is == 'amd');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
|
|
System.bundles['tests/mixed-bundle'] = ['tree/third', 'tree/cjs', 'tree/jquery', 'tree/second', 'tree/global', 'tree/amd', 'tree/first'];
|
|
asyncTest('Loading CommonJS from a bundle', function() {
|
|
System['import']('tree/cjs').then(function(m) {
|
|
ok(m.cjs === true);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading a Global from a bundle', function() {
|
|
System['import']('tree/global').then(function(m) {
|
|
ok(m === 'output');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading named System.register', function() {
|
|
System['import']('tree/third').then(function(m) {
|
|
ok(m.some == 'exports');
|
|
start();
|
|
}, err);
|
|
});
|
|
asyncTest('Loading System.register from ES6', function() {
|
|
System['import']('tree/first').then(function(m) {
|
|
ok(m.p == 5);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
//asyncTest('Loading from jspm', function() {
|
|
// System.paths['npm:*'] = 'https://npm.jspm.io/*.js';
|
|
// System['import']('npm:underscore').then(function(m) {
|
|
// ok(m && typeof m.chain == 'function', 'Not loaded');
|
|
// start();
|
|
// }, err);
|
|
//});
|
|
|
|
|
|
asyncTest('AMD simplified CommonJS wrapping with an aliased require', function() {
|
|
System['import']('tests/amd-simplified-cjs-aliased-require1').then(function(m) {
|
|
ok(m.require2,"got dependency from aliased require");
|
|
ok(m.require2.amdCJS,"got dependency from aliased require listed as a dependency");
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
if (ie8)
|
|
return;
|
|
|
|
asyncTest('Wrapper module support', function() {
|
|
System['import']('tests/wrapper').then(function(m) {
|
|
ok(m['default'] == 'default1', 'Wrapper module not defined.');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Basic exporting & importing', function() {
|
|
var m1, m2, m3, m4, err;
|
|
var checkComplete = function() {
|
|
if (m1 && m2 && m3 && m4 && err) {
|
|
ok(m1['default'] == 'default1', 'Error defining default 1');
|
|
ok(m2['default'] == 'default2', 'Error defining default 2');
|
|
ok(m3['default'] == 'default3', 'Error defining default 3');
|
|
ok(m4.test == 'default3', 'Error defining module');
|
|
start();
|
|
}
|
|
};
|
|
System['import']('tests/default1').then(function(_m1) {
|
|
if (m1 === undefined)
|
|
m1 = null;
|
|
else
|
|
m1 = _m1;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
System['import']('tests/default1').then(function(_m1) {
|
|
if (m1 === undefined)
|
|
m1 = null;
|
|
else
|
|
m1 = _m1;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
System['import']('tests/default2').then(function(_m2) {
|
|
m2 = _m2;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
System['import']('tests/asdf').then(function() {
|
|
}, function(_err) {
|
|
err = _err;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
System['import']('tests/default3').then(function(_m3) {
|
|
m3 = _m3;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
System['import']('tests/module').then(function(_m4) {
|
|
m4 = _m4;
|
|
checkComplete();
|
|
})['catch'](err);
|
|
});
|
|
|
|
asyncTest('Importing a mapped loaded module', function() {
|
|
System.map['default1'] = 'tests/default1';
|
|
System['import']('default1').then(function(m) {
|
|
System['import']('default1').then(function(m) {
|
|
ok(m, 'no module');
|
|
start();
|
|
}, err);
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading ES6 with format hint', function() {
|
|
System['import']('tests/es6-format').then(function(m) {
|
|
expect(0);
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Loading ES6 loading AMD', function() {
|
|
System['import']('tests/es6-loading-amd').then(function(m) {
|
|
ok(m.amd == true);
|
|
start();
|
|
})
|
|
});
|
|
|
|
asyncTest('Loading ES6 and AMD', function() {
|
|
System['import']('tests/es6-and-amd').then(function(m) {
|
|
ok(m.amd_module == 'AMD Module');
|
|
ok(m.es6_module == 'ES6 Module');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Module Name meta', function() {
|
|
System['import']('tests/reflection').then(function(m) {
|
|
ok(m.myname == 'tests/reflection', 'Module name not returned');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Relative dyanamic loading', function() {
|
|
System['import']('tests/reldynamic').then(function(m) {
|
|
return m.dynamicLoad();
|
|
})
|
|
.then(function(m) {
|
|
ok(m.dynamic == 'module', 'Dynamic load failed');
|
|
start();
|
|
})
|
|
['catch'](err);
|
|
});
|
|
|
|
asyncTest('ES6 Circular', function() {
|
|
System['import']('tests/es6-circular1').then(function(m) {
|
|
ok(m.q == 3, 'Binding not allocated');
|
|
ok(m.r == 5, 'Binding not updated');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('AMD & CJS circular, ES6 Circular', function() {
|
|
System['import']('tests/all-circular1').then(function(m) {
|
|
ok(m.q == 4);
|
|
ok(m.o.checkObj() == 'changed');
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('AMD -> System.register circular -> ES6', function() {
|
|
System['import']('tests/all-layers1').then(function(m) {
|
|
ok(m == true)
|
|
start();
|
|
}, err);
|
|
});
|
|
|
|
asyncTest('Using SystemJS in a Web Worker', function() {
|
|
var worker = new Worker('tests/worker.js');
|
|
worker.onmessage = function(e) {
|
|
ok(e.data.amd === 'AMD Module');
|
|
ok(e.data.es6 === 'ES6 Module');
|
|
start();
|
|
};
|
|
});
|
|
|
|
})();
|