Add unit and functional test for TypeScript loader

Author: David Paz

fixtures/js/index.ts

@@ -0,0 +1,3 @@
+import render = require('./render');
+
+render();

fixtures/js/render.ts

@@ -0,0 +1,5 @@
+function render() {
+    document.getElementById('wrapper').innerHTML = "<h1> Hello World!</h1>";
+}
+
+export = render;

fixtures/js/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "compilerOptions": {}
+}

test/WebpackConfig.js

@@ -278,6 +278,31 @@ describe('WebpackConfig object', () => {
         });
     });
 
+    describe('enableTypeScriptLoader', () => {
+        it('Call with no config', () => {
+            const config = createConfig();
+            config.enableTypeScriptLoader();
+
+            expect(config.useTypeScriptLoader).to.be.true;
+        });
+
+        it('Pass valid config', () => {
+            const config = createConfig();
+            config.enableTypeScriptLoader({ transpileOnly: true });
+
+            expect(config.useTypeScriptLoader).to.be.true;
+            expect(config.typeScriptOptions.transpileOnly).to.be.true;
+        });
+
+        it('Pass invalid config', () => {
+            const config = createConfig();
+
+            expect(() => {
+                config.enableTypeScriptLoader({ fake_option: false });
+            }).to.throw('Invalid option "fake_option" passed to enableTypeScriptLoader()');
+        });
+    });
+
     describe('addPlugin', () => {
         it('extends the current registered plugins', () => {
             const config = createConfig();

test/functional.js

@@ -45,7 +45,7 @@ describe('Functional tests using webpack', function() {
         testSetup.emptyTmpDir();
     });
 
-    describe('Basic scenarios', () => {
+    describe('Basic scenarios.', () => {
 
         it('Builds a few simple entries file + manifest.json', (done) => {
             const config = createWebpackConfig('web/build', 'dev');
@@ -583,6 +583,23 @@ module.exports = {
             });
         });
 
+        it('When enabled, TypeScript is compiled!', (done) => {
+            const config = createWebpackConfig('www/build', 'dev');
+            config.setPublicPath('/build');
+            config.addEntry('main', ['./js/render.ts', './js/index.ts']);
+            config.enableTypeScriptLoader();
+
+            testSetup.runWebpack(config, (webpackAssert) => {
+                // check that ts-loader transformed the ts file
+                webpackAssert.assertOutputFileContains(
+                    'main.js',
+                    'document.getElementById(\'wrapper\').innerHTML = "<h1> Hello World!</h1>";'
+                );
+
+                done();
+            });
+        });
+
         it('The output directory is cleaned between builds', (done) => {
             const config = createWebpackConfig('www/build', 'dev');
             config.setPublicPath('/build');