chore: update testing setup to use systemjs.config.js

karma-test-shim.js

@@ -22,60 +22,19 @@ var allSpecFiles = Object.keys(window.__karma__.files)
   .filter(isSpecFile)
   .filter(isBuiltFile);
 
-//////////////////////////
-// Load our SystemJS configuration.
-
-// map tells the System loader where to look for things
-var map = {
-  'app':                        'app',
-
-  '@angular':                   'node_modules/@angular',
-  'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
-  'rxjs':                       'node_modules/rxjs'
-};
-
-// packages tells the System loader how to load when no filename and/or no extension
-var packages = {
-  'app':                        { main: 'main.js',  defaultExtension: 'js' },
-  'rxjs':                       { defaultExtension: 'js' },
-  'angular2-in-memory-web-api': { defaultExtension: 'js' },
-};
-
-var ngPackageNames = [
-  'common',
-  'compiler',
-  'core',
-  'http',
-  'platform-browser',
-  'platform-browser-dynamic',
-  'router',
-  'router-deprecated',
-  'upgrade',
-];
-
-// Add package entries for angular packages
-ngPackageNames.forEach(function(pkgName) {
-
-  // Bundled (~40 requests):  DOESN'T WORK IN KARMA OR WALLABY (YET?)
-  //packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
-
-  // Individual files (~300 requests):
-  packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
-});
-
-var config = {
+System.config({
   baseURL: '/base',
-  map: map,
-  packages: packages
-}
-
-System.config(config);
-//////////////
+  packageWithIndex: true // sadly, we can't use umd packages (yet?)
+});
 
-Promise.all([
+System.import('systemjs.config.js')
+  .then(function () {
+    return Promise.all([
       System.import('@angular/core/testing'),
       System.import('@angular/platform-browser-dynamic/testing')
-]).then(function (providers) {
+    ])
+  })
+  .then(function (providers) {
     var testing = providers[0];
     var testingBrowser = providers[1];
 
@@ -83,11 +42,13 @@ Promise.all([
       testingBrowser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
       testingBrowser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
 
-}).then(function() {
+  })
+  .then(function() {
     // Finally, load all spec files.
     // This will run the tests directly.
     return Promise.all(
       allSpecFiles.map(function (moduleName) {
         return System.import(moduleName);
       }));
-}).then(__karma__.start, __karma__.error);
+  })
+  .then(__karma__.start, __karma__.error);

karma.conf.js

@@ -42,6 +42,7 @@ module.exports = function(config) {
       {pattern: 'node_modules/@angular/**/*.js', included: false, watched: false},
       {pattern: 'node_modules/@angular/**/*.js.map', included: false, watched: false},
 
+      {pattern: 'systemjs.config.js', included: false, watched: false},
       'karma-test-shim.js',
 
       // transpiled application & spec code paths loaded via module imports

systemjs.config.js

@@ -32,15 +32,20 @@
     'upgrade',
   ];
 
-  // Add package entries for angular packages
-  ngPackageNames.forEach(function(pkgName) {
+  // Individual files (~300 requests):
+  function packIndex(pkgName) {
+    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
+  }
 
   // Bundled (~40 requests):
+  function packUmd(pkgName) {
     packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
+  };
 
-    // Individual files (~300 requests):
-    //packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
-  });
+  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
+
+  // Add package entries for angular packages
+  ngPackageNames.forEach(setPackageConfig);
 
   var config = {
     map: map,

wallaby.js

@@ -8,6 +8,7 @@ module.exports = function () {
     files: [
       // System.js for module loading
       {pattern: 'node_modules/systemjs/dist/system.js', instrument: false},
+      {pattern: 'systemjs.config.js', instrument: false},
 
       // Polyfills
       {pattern: 'node_modules/core-js/client/shim.min.js', instrument: false},
@@ -38,12 +39,18 @@ module.exports = function () {
 
     bootstrap: function (wallaby) {
       wallaby.delayStart();
-      systemConfig();
 
-      Promise.all([
+      System.config({
+        packageWithIndex: true // sadly, we can't use umd packages (yet?)
+      });
+
+      System.import('systemjs.config.js')
+        .then(function () {
+          return Promise.all([
             System.import('@angular/core/testing'),
             System.import('@angular/platform-browser-dynamic/testing')
           ])
+        })
         .then(function (providers) {
           var testing = providers[0];
           var testingBrowser = providers[1];
@@ -52,7 +59,6 @@ module.exports = function () {
             testingBrowser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
             testingBrowser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
 
-
           // Load all spec files
           return Promise.all(wallaby.tests.map(function (specFile) {
             return System.import(specFile);
@@ -66,61 +72,6 @@ module.exports = function () {
             throw e;
           }, 0);
         });
-
-      //////////////////////////
-      // SystemJS configuration.
-      function systemConfig() {
-
-        // map tells the System loader where to look for things
-        var map = {
-          'app':                        'app',
-
-          '@angular':                   'node_modules/@angular',
-          'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
-          'rxjs':                       'node_modules/rxjs'
-        };
-
-        // packages tells the System loader how to load when no filename and/or no extension
-        var packages = {
-          'app':                        { main: 'main.js',  defaultExtension: 'js' },
-          'rxjs':                       { defaultExtension: 'js' },
-          'angular2-in-memory-web-api': { defaultExtension: 'js' },
-        };
-
-        var ngPackageNames = [
-          'common',
-          'compiler',
-          'core',
-          'http',
-          'platform-browser',
-          'platform-browser-dynamic',
-          'router',
-          'router-deprecated',
-          'upgrade',
-        ];
-
-        // Add package entries for angular packages
-        ngPackageNames.forEach(function(pkgName) {
-
-          // Bundled (~40 requests):  DOESN'T WORK IN WALLABY OR KARMA (YET?)
-          // packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
-
-          // Individual files (~300 requests):
-          packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
-        });
-
-        var config = {
-          map: map,
-          packages: packages
-        }
-
-        System.config(config);
-      }
-      //////////////////
     }
   };
-
-
-
 };
-