feat(ng test): serve assets files from ng test

closes angular#2803

Author: Meligy

packages/angular-cli/plugins/karma.js

@@ -17,6 +17,26 @@ const init = (config) => {
     progress: config.angularCli.progress
   }
 
+  // add assets
+  if(!config.proxies) {
+    config.proxies = {};
+  }
+  var assets = appConfig.assets;
+  if(typeof assets === 'string') {
+    assets = [assets];
+  }
+  for (var i = 0; i < assets.length; i++) {
+    var asset = assets[i];
+    // files are added under `/base` by default, but we can rewrite the URLs
+    config.proxies['/' + asset] = '/base/' + appConfig.root + '/' + asset;
+    config.files.push({
+      pattern: './' + appConfig.root + '/'  + asset,
+      included: false,
+      served: true,
+      watched: true
+    });
+  }
+
   // add webpack config
   const webpackConfig = getWebpackTestConfig(config.basePath, environment, appConfig, testConfig);
   const webpackMiddlewareConfig = {

tests/e2e/tests/test/test.ts

@@ -1,8 +1,63 @@
-import {ng} from '../../utils/process';
+import { writeMultipleFiles } from '../../utils/fs';
+import { ng } from '../../utils/process';
+import { updateJsonFile } from '../../utils/project';
+import { expectToFail } from '../../utils/utils';
+import { stripIndent } from 'common-tags';
 
+export default function () {
+  // Each test function returns PromiseLike<Something_Different>, 
+  //  which would throw normally
+  //  but resolve() normalizes this to <any> from the start
+  return Promise.resolve()
+    .then(() => testWatchFalseAndSingleRun())
+    .then(() => testAssetsAreServed());
+}
 
-export default function() {
-  // make sure both --watch=false and --single-run work
+// Make sure both --watch=false and --single-run work
+function testWatchFalseAndSingleRun() {
   return ng('test', '--single-run')
     .then(() => ng('test', '--watch=false'));
 }
+
+// Make sure asset files are served
+function testAssetsAreServed() {
+  return Promise.resolve()
+    .then(() => writeMultipleFiles({
+      'src/assets/file.txt': `assets-folder-content`,
+      'src/file.txt': 'file-content',
+      'src/app/app.component.spec.ts': stripIndent`
+        import { async } from '@angular/core/testing';
+        describe('Test Runner', () => {
+          const fetch = global['fetch'];
+          it('should serve files in assets folder', async(() => {
+            // throw new Error('Should fail');
+            fetch('/assets/file.txt')
+              .then(response => {
+                expect(response.ok()).toBe(true);
+                expect(response.text()).toBe('assets-folder-content');
+              });
+          }));
+          it('should serve files explicitly added to assets array', async(() => {
+            fetch('/file.txt')
+              .then(response => {
+                expect(response.ok()).toBe(true);
+                expect(response.text()).toBe('file-content');
+              });
+          }));
+        });
+      `
+    }))
+    // Test failure condition (no assets in angular-cli.json)
+    .then(() => updateJsonFile('angular-cli.json', configJson => {
+      const app = configJson['apps'][0];
+      app['assets'] = [];
+    }))
+    .then(() => expectToFail(() => ng('test', '--single-run'),
+      'Should fail because the assets to serve were not in the angular-cli config'))
+    // Test passing condition (assets are included)
+    .then(() => updateJsonFile('angular-cli.json', configJson => {
+      const app = configJson['apps'][0];
+      app['assets'] = ['assets', 'file.txt'];
+    }))
+    .then(() => ng('test', '--single-run'));
+}