test: add test for TypeScript "compilation" with Babel

Author: Kocal

fixtures/js/tsconfig.json

@@ -1,3 +1,5 @@
 {
-  "compilerOptions": {}
-}
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true
+  }
+}

test/functional.js

@@ -1321,6 +1321,50 @@ module.exports = {
             }).to.throw('wrong `tsconfig` path in fork plugin configuration (should be a relative or absolute path)');
         });
 
+        it('TypeScript can be compiled by Babel', (done) => {
+            const config = createWebpackConfig('www/build', 'dev');
+            config.setPublicPath('/build');
+            config.addEntry('main', ['./js/render.ts', './js/index.ts']);
+            config.configureBabel(function(config) {
+                config.presets = [
+                    ['@babel/preset-env', {
+                        'targets': {
+                            'chrome': 52,
+                        },
+                    }],
+                    '@babel/typescript', // required preset
+                ];
+                // not required, but recommended
+                config.plugins = ['@babel/proposal-class-properties'];
+            });
+
+            config.configureLoaderRule('javascript', loader => {
+                loader.test = /.(j|t)sx?$/; // let Babel to run over .tsx? files too
+            });
+
+            testSetup.runWebpack(config, (webpackAssert) => {
+                // check that babel-loader transformed the ts file
+                webpackAssert.assertOutputFileContains(
+                    'main.js',
+                    'document.getElementById(\'app\').innerHTML =',
+                );
+
+                testSetup.requestTestPage(
+                    path.join(config.getContext(), 'www'),
+                    [
+                        'build/runtime.js',
+                        'build/main.js',
+                    ],
+                    (browser) => {
+
+                        // assert that the ts module rendered
+                        browser.assert.text('#app h1', 'Welcome to Your TypeScript App');
+                        done();
+                    },
+                );
+            });
+        });
+
         it('When configured, Handlebars is compiled', (done) => {
             const config = createWebpackConfig('www/build', 'dev');
             config.setPublicPath('/build');