chore: save compiled output for test suites

test/helpers.ts

@@ -1,6 +1,5 @@
 import * as assert$1 from 'assert';
 import * as jsdom from 'jsdom';
-import glob from 'tiny-glob/sync';
 import * as path from 'path';
 import * as fs from 'fs';
 import * as colors from 'kleur';
@@ -46,12 +45,6 @@ export function tryToReadFile(file) {
 	}
 }
 
-export function cleanRequireCache() {
-	Object.keys(require.cache)
-		.filter(x => x.endsWith('.svelte'))
-		.forEach(file => delete require.cache[file]);
-}
-
 const virtualConsole = new jsdom.VirtualConsole();
 virtualConsole.sendTo(console);
 
@@ -206,27 +199,6 @@ export function addLineNumbers(code) {
 		.join('\n');
 }
 
-export function showOutput(cwd, options = {}, compile = svelte.compile) {
-	glob('**/*.svelte', { cwd }).forEach(file => {
-		if (file[0] === '_') return;
-
-		try {
-			const { js } = compile(
-				fs.readFileSync(`${cwd}/${file}`, 'utf-8'),
-				Object.assign(options, {
-					filename: file
-				})
-			);
-
-			console.log( // eslint-disable-line no-console
-				`\n>> ${colors.cyan().bold(file)}\n${addLineNumbers(js.code)}\n<< ${colors.cyan().bold(file)}`
-			);
-		} catch (err) {
-			console.log(`failed to generate output: ${err.message}`);
-		}
-	});
-}
-
 export function shouldUpdateExpected() {
 	return process.argv.includes('--update');
 }

test/hydration/index.ts

@@ -1,44 +1,26 @@
 import * as path from 'path';
 import * as fs from 'fs';
+import * as register from '../register';
 
 import {
 	assert,
-	showOutput,
 	loadConfig,
 	loadSvelte,
 	env,
 	setupHtmlEqual,
 	shouldUpdateExpected
 } from '../helpers';
 
-let compileOptions = null;
-
-const sveltePath = process.cwd();
+let svelte;
 
 describe('hydration', () => {
 	before(() => {
-		const svelte = loadSvelte();
-
-		require.extensions['.svelte'] = function(module, filename) {
-			const options = Object.assign(
-				{
-					filename,
-					hydratable: true,
-					format: 'cjs',
-					sveltePath
-				},
-				compileOptions
-			);
-
-			const { js } = svelte.compile(fs.readFileSync(filename, 'utf-8'), options);
-
-			return module._compile(js.code, filename);
-		};
+		svelte = loadSvelte();
 
 		return setupHtmlEqual();
 	});
 
-	function runTest(dir) {
+	function runTest(dir: string) {
 		if (dir[0] === '.') return;
 
 		const config = loadConfig(`./hydration/samples/${dir}/_config.js`);
@@ -51,8 +33,15 @@ describe('hydration', () => {
 		(config.skip ? it.skip : solo ? it.only : it)(dir, () => {
 			const cwd = path.resolve(`${__dirname}/samples/${dir}`);
 
-			compileOptions = config.compileOptions || {};
-			compileOptions.accessors = 'accessors' in config ? config.accessors : true;
+			register.setCompileOptions({
+				...config.compileOptions,
+				accessors: 'accessors' in config ? config.accessors : true,
+				hydratable: true
+			});
+			register.setCompile(svelte.compile);
+			register.setOutputFolderName('hydratable');
+			register.clearRequireCache();
+			register.clearCompileOutputCache();
 
 			const window = env();
 
@@ -113,21 +102,14 @@ describe('hydration', () => {
 					assert.equal(target.innerHTML, '');
 				}
 			} catch (err) {
-				showOutput(cwd, {
-					hydratable: true
-				});
+				// saves the compiled output into file system
+				register.writeCompileOutputCacheToFile();
 				throw err;
 			}
-
-			if (config.show) {
-				showOutput(cwd, {
-					hydratable: true
-				});
-			}
 		});
 	}
 
 	fs.readdirSync(`${__dirname}/samples`).forEach(dir => {
-		runTest(dir, null);
+		runTest(dir);
 	});
 });

test/register.ts

@@ -0,0 +1,88 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { mkdirp } from './helpers';
+import * as svelte from 'svelte/compiler';
+
+type Compile = typeof svelte.compile;
+type CompileOptions = Parameters<Compile>[1];
+
+const extensions = ['.svelte', '.html'];
+let compileOptions = {};
+let compile;
+let folderName = 'normal';
+
+const sveltePath = process.cwd().split('\\').join('/');
+
+function capitalise(name: string) {
+	return name[0].toUpperCase() + name.slice(1);
+}
+
+export function setCompileOptions(_compileOptions: CompileOptions) {
+	compileOptions = _compileOptions;
+}
+
+export function setCompile(_compile: Compile) {
+	compile = _compile;
+}
+
+export function setOutputFolderName(_folderName: string) {
+	folderName = _folderName;
+}
+
+export function clearRequireCache() {
+	Object.keys(require.cache)
+		.filter(x => x.endsWith('.svelte'))
+		.forEach(file => {
+			delete require.cache[file];
+		});
+}
+
+function registerExtension(extension: string) {
+	require.extensions[extension] = function (module, filename) {
+		const name = path
+			.parse(filename)
+			.name.replace(/^\d/, '_$&')
+			.replace(/[^a-zA-Z0-9_$]/g, '');
+
+		const options = Object.assign({}, compileOptions, {
+			filename,
+			sveltePath,
+			name: capitalise(name),
+			format: 'cjs'
+		});
+
+		const {
+			js: { code }
+		} = compile(fs.readFileSync(filename, 'utf-8').replace(/\r/g, ''), options);
+
+		if (!process.env.CI) {
+			saveGeneratedOutputToCache(code, filename);
+		}
+
+		return module._compile(code, filename);
+	};
+}
+
+const outputCache = new Map();
+function saveGeneratedOutputToCache(code: string, filename: string) {
+	filename = filename.split('\\').join('/');
+	filename = filename.replace(
+		/samples\/([^/]+)\/(.*)\.svelte$/,
+		`samples/$1/_output/${folderName}/$2.js`
+	);
+	outputCache.set(filename, code);
+}
+
+export function clearCompileOutputCache() {
+	outputCache.clear();
+}
+
+export function writeCompileOutputCacheToFile() {
+	for (const [filename, code] of outputCache) {
+		mkdirp(path.dirname(filename));
+		fs.writeFileSync(filename, code, 'utf8');
+	}
+	clearCompileOutputCache();
+}
+
+extensions.forEach(registerExtension);