awesome-typescript-loader/src/__test__/babel.ts

Awesome TS loader for webpack

import {
	src,
	webpackConfig,
	tsconfig,
	install,
	watch,
	checkOutput,
	expectErrors,
	query,
	spec
} from './utils'

spec(__filename, async function() {
	const index = src(
		'index.ts',
		`
        class HiThere {
            constructor(a: number, b: string) {
                const t = a + b;
            }
        }
    `
	)

	install('babel-core', 'babel-preset-es2015')
	tsconfig()

	const config = webpackConfig(
		query({
			useBabel: true,
			babelOptions: {
				presets: ['es2015']
			}
		})
	)

	const watcher = await watch(config)

	let stats = await watcher.wait()

	expectErrors(stats, 0)
	checkOutput(
		'index.js',
		`
        var HiThere = function HiThere(a, b) {
            _classCallCheck(this, HiThere);
            var t = a + b;
        }
    `
	)

	index.update(
		() => `
        function sum(...items: number[]) {
            return items.reduce((a,b) => a + b, 0);
        }
    `
	)

	stats = await watcher.wait()

	expectErrors(stats, 0)
	checkOutput(
		'index.js',
		`
        function sum() {
            for(var _len = arguments.length,
                items = Array(_len),
                _key = 0;
                _key < _len;
                _key++
            ) {
                items[_key] = arguments[_key];
            }
            return items.reduce(function(a,b){ return a + b; }, 0);
        }
    `
	)
})