fixed tests

webpack/helpers.js

@@ -1,13 +1,50 @@
 const {
-  join,
+    join,
-  resolve
+    resolve,
 } = require('path');
 
+
 function root(path) {
-  return resolve(__dirname, '..', path);
+    return resolve(__dirname, '..', path);
 }
 
+const theme = '';
+// const theme = 'mantis';
+
+const globalCSSImports = [
+    resolve(__dirname, '..', 'src/styles/_variables.scss'),
+    resolve(__dirname, '..', 'src/styles/_mixins.scss'),
+];
+
+const themeReplaceOptions =
+        {
+            multiple: [
+                {
+                    search: '$theme$.',
+                    replace: theme + (theme.length ? '.' : ''),
+
+                },
+                {
+                    search: '$themePath$/',
+                    replace: (theme.length ? 'themes/' : ''),
+
+                },
+                {
+                    search: '$theme$.',
+                    replace: (theme.length ? theme + '.' : ''),
+
+                },
+                {
+                    search: '$themePath$/',
+                    replace: (theme.length ? 'themes/' : ''),
+                }
+            ]
+        };
+
 module.exports = {
-  root: root,
+    root: root,
-  join: join
+    join: join,
+    theme: theme,
+    globalCSSImports: globalCSSImports,
+    themeReplaceOptions: themeReplaceOptions
 };

webpack/webpack.common.js

@@ -2,40 +2,12 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const path = require('path');
 const {
     root,
-    join
+    join,
+    globalCSSImports,
+    themeReplaceOptions
 } = require('./helpers');
 
-// const theme = '';
-const theme = 'mantis';
 
-const globalCSSImports = [
-    path.resolve(__dirname, '..', 'src/styles/_variables.scss'),
-    path.resolve(__dirname, '..', 'src/styles/_mixins.scss'),
-];
-const themeReplaceOptions =
-        {
-            multiple: [
-                {
-                    search: '$theme$.',
-                    replace: theme + (theme.length ? '.' : ''),
-
-                },
-                {
-                    search: '$themePath$/',
-                    replace: (theme.length ? 'themes/' : ''),
-
-                },
-                {
-                    search: '$theme$.',
-                    replace: (theme.length ? theme + '.' : ''),
-
-                },
-                {
-                    search: '$themePath$/',
-                    replace: (theme.length ? 'themes/' : ''),
-                }
-            ]
-        };
 module.exports = {
     mode: 'development',
     devtool: 'source-map',

webpack/webpack.server.js

@@ -1,7 +1,7 @@
 var nodeExternals = require('webpack-node-externals');
 
 const {
-  root
+    root
 } = require('./helpers');
 
 module.exports = {
@@ -12,7 +12,8 @@ module.exports = {
       output: {
         filename: 'server.js'
       },
-      target: 'node',
+    module: {rules: []},
+    target: 'node',
       externals: [nodeExternals({
         whitelist: [
           /@angular/,

webpack/webpack.test.js

@@ -1,5 +1,7 @@
 const {
-  root
+    root,
+    globalCSSImports,
+    themeReplaceOptions
 } = require('./helpers');
 
 /**
@@ -80,7 +82,11 @@ module.exports = function (options) {
           exclude: [/node_modules/],
 
         },
-
+        {
+            test: /\.component.ts$/,
+            loader: 'string-replace-loader',
+            options: themeReplaceOptions
+        },
         /**
          * Typescript loader support for .ts and Angular 2 async routes via .async.ts
          *
@@ -127,7 +133,6 @@ module.exports = function (options) {
               }
             }
           ],
-          exclude: [root('src/index.html')]
         },
 
         /**
@@ -136,39 +141,38 @@ module.exports = function (options) {
          *
          */
         {
-          test: /\.scss$/,
+            test: /\.scss$/,
-          use: [{
+            use: [
-              loader: 'to-string-loader',
+                {
-              options: {
+                    loader: 'raw-loader',
-                sourceMap: true
+                    options: {
-              }
+                        sourceMap: true
-            }, {
+                    }
-              loader: 'raw-loader',
+                },
-              options: {
+                {
-                sourceMap: true
+                    loader: 'resolve-url-loader',
-              }
+                    options: {
-            },
+                        sourceMap: true
-            {
+                    }
-              loader: 'postcss-loader',
+                },
-              options: {
+                {
-                sourceMap: true
+                    loader: 'sass-loader',
-              }
+                    options: {
-            },
+                        sourceMap: true
-            {
+                    }
-              loader: 'resolve-url-loader',
+                },
-              options: {
+                {
-                sourceMap: true
+                    loader: 'string-replace-loader',
-              }
+                    options: themeReplaceOptions
-            },
+                },
-            {
+                {
-              loader: 'sass-loader',
+                    loader: 'sass-resources-loader',
-              options: {
+                    options: {
-                sourceMap: true
+                        resources: globalCSSImports
-              }
+                    },
-            },
+                },
-            'webpack-import-glob-loader'
+                'webpack-import-glob-loader'
-          ],
+            ]
-          exclude: [root('src/index.html')]
         },
 
         /**