fix(e2e): get e2e tests running

Author: Awk34

templates/app/_.gitignore

@@ -4,6 +4,7 @@ public
 .sass-cache<% } %>
 .idea
 client/bower_components
+client/index.html
 dist
 /server/config/local.env.js
 npm-debug.log

templates/app/_package.json

@@ -170,6 +170,7 @@
     "webpack-stream": "^3.2.0",
     "extract-text-webpack-plugin": "^1.0.1",
     "html-webpack-plugin": "^2.16.0",
+    "html-webpack-harddisk-plugin": "~0.0.2",
     "awesome-typescript-loader": "0.17.0",
     "ng-annotate-loader": "~0.1.0",
     "babel-loader": "^6.2.4",

templates/app/client/index.html renamed to templates/app/client/__index.html

@@ -24,7 +24,9 @@ import makeWebpackConfig from './webpack.make';
 var plugins = gulpLoadPlugins();
 var config;
 const webpackDevConfig = makeWebpackConfig({ DEV: true });
+const webpackE2eConfig = makeWebpackConfig({ E2E: true });
 const webpackDistConfig = makeWebpackConfig({ BUILD: true });
+const webpackTestConfig = makeWebpackConfig({ TEST: true });
 
 const clientPath = 'client';
 const serverPath = 'server';
@@ -202,7 +204,7 @@ gulp.task('inject:tsconfig', () => {
         `${clientPath}/**/!(*.spec|*.mock).ts`,
         `!${clientPath}/bower_components/**/*`,
         `typings/main.d.ts`
-    ], 
+    ],
     './tsconfig.client.json');
 });
 
@@ -211,7 +213,7 @@ gulp.task('inject:tsconfigTest', () => {
         `${clientPath}/**/+(*.spec|*.mock).ts`,
         `!${clientPath}/bower_components/**/*`,
         `typings/main.d.ts`
-    ], 
+    ],
     './tsconfig.client.test.json');
 });<% } %>
 
@@ -262,6 +264,18 @@ gulp.task('webpack:dist', function() {
     return gulp.src(webpackDistConfig.entry.app)
         .pipe(webpack(webpackDistConfig))
         .pipe(gulp.dest(`${paths.dist}/client`));
+});
+
+gulp.task('webpack:test', function() {
+    return gulp.src(webpackTestConfig.entry.app)
+        .pipe(webpack(webpackTestConfig))
+        .pipe(gulp.dest('.tmp'));
+});
+
+gulp.task('webpack:e2e', function() {
+    return gulp.src(webpackE2eConfig.entry.app)
+        .pipe(webpack(webpackE2eConfig))
+        .pipe(gulp.dest('.tmp'));
 });<% if(filters.ts) { %>
 
 // Install DefinitelyTyped TypeScript definition files
@@ -480,7 +494,7 @@ gulp.task('coverage:integration', () => {
 // Downloads the selenium webdriver
 gulp.task('webdriver_update', webdriver_update);
 
-gulp.task('test:e2e', ['env:all', 'env:test', 'start:server', 'webdriver_update'], cb => {
+gulp.task('test:e2e', ['webpack:e2e', 'constant', 'env:all', 'env:test', 'start:server', 'webdriver_update'], cb => {
     gulp.src(paths.client.e2e)
         .pipe(protractor({
             configFile: 'protractor.conf.js',

templates/app/gulpfile.babel(gulp).js

@@ -17,6 +17,7 @@ module.exports = function makeWebpackConfig(options) {
      */
     var BUILD = !!options.BUILD;
     var TEST = !!options.TEST;
+    var E2E = !!options.E2E;
     var DEV = !!options.DEV;
 
     /**
@@ -300,11 +301,13 @@ module.exports = function makeWebpackConfig(options) {
     // Skip rendering index.html in test mode
     // Reference: https://github.com/ampedandwired/html-webpack-plugin
     // Render index.html
-    config.plugins.push(
-        new HtmlWebpackPlugin({
-            template: 'client/index.html'
-        })
-    );
+    let htmlConfig = {
+        template: 'client/_index.html'
+    }
+    if(E2E) {
+        htmlConfig.filename = 'client/index.html';
+    }
+    config.plugins.push(new HtmlWebpackPlugin(htmlConfig));
 
     // Add build specific plugins
     if(BUILD) {