Fix karma build

Author: hansl

gulpfile.js

@@ -136,6 +136,23 @@ gulp.task(':build:components:ngc', ['build:components'], createExecTask(
 ));
 
 
+/***************************************************************************************************
+ * Vendor files Build Tasks.
+ */
+gulp.task(':build:vendor', function() {
+  const npmVendorFiles = [
+    'core-js/client', 'zone.js/dist', 'hammerjs', 'systemjs/dist', 'rxjs', '@angular', 'hammerjs'
+  ];
+
+  return gulpMerge(
+    npmVendorFiles.map(function(root) {
+      const glob = path.join(root, '**/*.+(js|js.map)');
+      return gulp.src(path.join('node_modules', glob))
+        .pipe(gulp.dest(path.join('dist/vendor', root)));
+    }));
+});
+
+
 /***************************************************************************************************
  * DevApp Build Tasks.
  */
@@ -153,22 +170,10 @@ gulp.task(':build:devapp:assets', function() {
   return gulp.src(path.join(devAppDir, '**/*'))
     .pipe(gulp.dest(outDir));
 });
-gulp.task(':build:devapp:vendor', function() {
-  const npmVendorFiles = [
-    'core-js/client', 'zone.js/dist', 'hammerjs', 'systemjs/dist', 'rxjs', '@angular', 'hammerjs'
-  ];
-
-  return gulpMerge(
-    npmVendorFiles.map(function(root) {
-      const glob = path.join(root, '**/*.+(js|js.map)');
-      return gulp.src(path.join('node_modules', glob))
-        .pipe(gulp.dest(path.join('dist/vendor', root)));
-    }));
-});
 
 gulp.task('build:devapp', [
   'build:components',
-  ':build:devapp:vendor',
+  ':build:vendor',
   ':build:devapp:ts',
   ':build:devapp:scss',
   ':build:devapp:assets'
@@ -191,22 +196,10 @@ gulp.task(':build:e2eapp:assets', function() {
   return gulp.src(path.join(e2eAppDir, '**/*'))
     .pipe(gulp.dest(outDir));
 });
-gulp.task(':build:e2eapp:vendor', function() {
-  const npmVendorFiles = [
-    'core-js/client', 'zone.js/dist', 'hammerjs', 'systemjs/dist', 'rxjs', '@angular', 'hammerjs'
-  ];
-
-  return gulpMerge(
-    npmVendorFiles.map(function(root) {
-      const glob = path.join(root, '**/*.+(js|js.map)');
-      return gulp.src(path.join('node_modules', glob))
-        .pipe(gulp.dest(path.join('dist/vendor', root)));
-    }));
-});
 
 gulp.task('build:e2eapp', [
   'build:components',
-  ':build:e2eapp:vendor',
+  ':build:vendor',
   ':build:e2eapp:ts',
   ':build:e2eapp:scss',
   ':build:e2eapp:assets'
@@ -311,13 +304,13 @@ gulp.task(':serve:e2eapp:stop', function() {
 /***************************************************************************************************
  * Tests.
  */
-gulp.task('test', function(done) {
+gulp.task('test', [':build:vendor', 'build:components'], function(done) {
   new karma.Server({
     configFile: path.join(__dirname, 'test/karma.conf.js')
   }, done).start();
 });
 
-gulp.task('test:single-run', function(done) {
+gulp.task('test:single-run', [':build:vendor', 'build:components'], function(done) {
   new karma.Server({
     configFile: path.join(__dirname, 'test/karma.conf.js'),
     singleRun: true

src/lib/system-config.ts

@@ -0,0 +1,89 @@
+/***********************************************************************************************
+ * SystemJS Configuration used for the unittests.
+ **********************************************************************************************/
+
+const components = [
+  'all',
+  'button',
+  'card',
+  'checkbox',
+  'dialog',
+  'grid-list',
+  'icon',
+  'input',
+  'list',
+  'menu',
+  'progress-bar',
+  'progress-circle',
+  'radio',
+  'sidenav',
+  'slider',
+  'slide-toggle',
+  'button-toggle',
+  'tabs',
+  'toolbar',
+  'tooltip',
+];
+
+
+/** User packages configuration. */
+const packages: any = {
+  '@angular2-material/core': {
+    format: 'cjs',
+    defaultExtension: 'js'
+  },
+  // Set the default extension for the root package, because otherwise the demo-app can't
+  // be built within the production mode. Due to missing file extensions.
+  '.': {
+    defaultExtension: 'js'
+  }
+};
+
+components.forEach(name => {
+  packages[`@angular2-material/${name}`] = {
+    format: 'cjs',
+    defaultExtension: 'js'
+  };
+});
+
+
+////////////////////////////////////////////////////////////////////////////////////////////////
+/***********************************************************************************************
+ * Everything underneath this line is managed by the CLI.
+ **********************************************************************************************/
+const barrels: string[] = [
+  // Angular specific barrels.
+  '@angular/core',
+  '@angular/common',
+  '@angular/compiler',
+  '@angular/http',
+  '@angular/forms',
+  '@angular/router',
+  '@angular/platform-browser',
+  '@angular/platform-browser-dynamic',
+
+  // Thirdparty barrels.
+  'rxjs',
+
+  ...components
+];
+
+const _cliSystemConfig = {};
+barrels.forEach((barrelName: string) => {
+  (<any> _cliSystemConfig)[barrelName] = { main: 'index' };
+});
+
+/** Type declaration for ambient System. */
+declare var System: any;
+
+// Apply the CLI SystemJS configuration.
+System.config({
+  map: {
+    '@angular': 'vendor/@angular',
+    'rxjs': 'vendor/rxjs'
+  },
+  packages: _cliSystemConfig
+});
+
+// Apply the user's configuration.
+System.config({ packages });

test/karma-test-shim.js

@@ -28,7 +28,7 @@ System.config({
   baseURL: distPath
 });
 
-System.import('system-config.js').then(function() {
+System.import(distPath + '@angular2-material/system-config.js').then(function() {
   // Load and configure the TestComponentBuilder.
   return Promise.all([
     System.import('@angular/core/testing'),