chore(transformer): Use the tsconfig.playground.json config for Webpack playground builds

Author: martinjlowm

config/karma/karma.config.base.js

@@ -2,42 +2,42 @@ const webpackConfig = require('../test/webpack.js');
 const ProcessService = require('../../utils/process/process');
 process.env.CHROME_BIN = require('puppeteer').executablePath();
 
-module.exports = function(config, url) {
-    const processService = ProcessService(process);
-    const debug = processService.getArgument('DEBUG');
-    const disableCache = processService.getArgument('DISABLECACHE');
+module.exports = function(config, url, typescriptConfig) {
+  const processService = ProcessService(process);
+  const debug = processService.getArgument('DEBUG');
+  const disableCache = processService.getArgument('DISABLECACHE');
 
-    return {
-        basePath: '',
-        frameworks: ['jasmine'],
-        webpack: webpackConfig(debug, disableCache),
-        webpackMiddleware: {
-            stats: 'errors-only'
-        },
-        files: [
-            {
-                pattern: url,
-                watched: false
-            }
-        ],
-        preprocessors: {
-            [url]: ['webpack']
-        },
-        webpackServer: {
-            noInfo: true
-        },
-        reporters: ['progress'],
-        port: 9876,
-        colors: true,
-        logLevel: config.LOG_INFO,
-        autoWatch: true,
-        customLaunchers: {
-            Chrome_no_sandbox: {
-                base: 'Chrome',
-                flags: ['--headless', '--no-sandbox']
-            }
-        },
-        browsers: ['ChromeHeadless'],
-        singleRun: true
-    }
+  return {
+    basePath: '',
+    frameworks: ['jasmine'],
+    webpack: webpackConfig({ typescriptConfig, debug, disableCache }),
+    webpackMiddleware: {
+      stats: 'errors-only'
+    },
+    files: [
+      {
+        pattern: url,
+        watched: false
+      }
+    ],
+    preprocessors: {
+      [url]: ['webpack']
+    },
+    webpackServer: {
+      noInfo: true
+    },
+    reporters: ['progress'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    customLaunchers: {
+      Chrome_no_sandbox: {
+        base: 'Chrome',
+        flags: ['--headless', '--no-sandbox']
+      }
+    },
+    browsers: ['ChromeHeadless'],
+    singleRun: true
+  }
 };

config/karma/karma.config.transformer.playground.build.js

@@ -1,7 +1,8 @@
+const typescriptConfig = require('../../tsconfig.playground.json');
 const karmaBaseConfig = require('./karma.config.base');
 
 module.exports = function(config) {
-    const karmaConfig = karmaBaseConfig(config, '../../test/playground/**/*.test.js');
+  const karmaConfig = karmaBaseConfig(config, '../../test/playground/**/*.test.js', typescriptConfig);
 
-    config.set(karmaConfig);
+  config.set(karmaConfig);
 };

config/karma/karma.config.transformer.playground.js

@@ -1,7 +1,8 @@
+const typescriptConfig = require('../../tsconfig.playground.json');
 const karmaBaseConfig = require('./karma.config.base');
 
 module.exports = function(config) {
-    const karmaConfig = karmaBaseConfig(config, '../../test/playground/**/*.test.ts');
+  const karmaConfig = karmaBaseConfig(config, '../../test/playground/**/*.test.ts', typescriptConfig);
 
-    config.set(karmaConfig);
+  config.set(karmaConfig);
 };

config/test/webpack.js

@@ -1,37 +1,50 @@
 const transformer = require('../../dist/transformer');
 const path = require('path');
 
-module.exports = function (debug, disableCache) {
-    return {
-        mode: "development",
-        resolve: {
-            extensions: ['.ts', '.js'],
-            alias: {
-                ['ts-auto-mock']: path.join(__dirname, '../../dist'),
-                ['ts-auto-mock/repository']: path.join(__dirname, '../../dist/repository'),
-                ['ts-auto-mock/extension']: path.join(__dirname, '../../dist/extension'),
-            }
+module.exports = function ({ typescriptConfig, debug, disableCache }) {
+  const defaultOptions = {
+    debug: false,
+    cacheBetweenTests: true,
+  };
+
+  const {
+    compilerOptions: {
+      plugins = [],
+    }
+  } = typescriptConfig || { compilerOptions: {} };
+  const [{ transform, ...transformOptions } = defaultOptions] = plugins;
+
+  return {
+    mode: "development",
+    resolve: {
+      extensions: ['.ts', '.js'],
+      alias: {
+        ['ts-auto-mock']: path.join(__dirname, '../../dist'),
+        ['ts-auto-mock/repository']: path.join(__dirname, '../../dist/repository'),
+        ['ts-auto-mock/extension']: path.join(__dirname, '../../dist/extension'),
+      }
+    },
+    module: {
+      rules: [
+        {
+          test: /\.ts$/,
+          enforce: 'pre',
+          loader: 'eslint-loader'
         },
-        module: {
-            rules: [
-                {
-                    test: /\.ts$/,
-                    enforce: 'pre',
-                    loader: 'eslint-loader'
-                },
-                {
-                    test: /\.ts$/,
-                    loader: 'awesome-typescript-loader',
-                    options: {
-                        getCustomTransformers: (program) => ({
-                            before: [transformer.default(program, {
-                                debug: debug ? debug : false,
-                                cacheBetweenTests: disableCache !== 'true'
-                            })]
-                        })
-                    }
-                }
-            ]
+        {
+          test: /\.ts$/,
+          loader: 'awesome-typescript-loader',
+          options: {
+            getCustomTransformers: (program) => ({
+              before: [transformer.default(program, {
+                ...transformOptions,
+                debug: debug || transformOptions.debug,
+                cacheBetweenTests: disableCache ? disableCache !== 'true' : transformOptions.cacheBetweenTests,
+              })],
+            })
+          }
         }
+      ]
     }
+  };
 };