add test sourcemaps benchmark

Author: milahu

.gitignore

@@ -18,6 +18,7 @@ node_modules
 /coverage/
 /coverage.lcov
 /test/*/samples/_
+/test/sourcemaps/samples/benchmark/input.svelte
 /yarn-error.log
 _actual*.*
 _output

test/sourcemaps/index.js

@@ -23,6 +23,8 @@ describe("sourcemaps", () => {
 
 		(solo ? it.only : skip ? it.skip : it)(dir, async () => {
 			const { test } = require(`./samples/${dir}/test.js`);
+			const genInputFile = `${__dirname}/samples/${dir}/generate_input.js`;
+			if (fs.existsSync(genInputFile)) require(genInputFile).generateInput();
 			const inputFile = path.resolve(`${__dirname}/samples/${dir}/input.svelte`);
 			const outputName = '_actual';
 			const outputBase = path.resolve(`${__dirname}/samples/${dir}/${outputName}`);
@@ -33,17 +35,21 @@ describe("sourcemaps", () => {
 
 			let preprocessed;
 			try {
+				const t1 = Date.now();
 				preprocessed = await svelte.preprocess(
 					input.code,
 					config.preprocess, {
 					filename: "input.svelte"
 				});
+				const t2 = Date.now();
+				preprocessed.deltaT = t2 - t1;
 			} catch (error) {
 				preprocessed = { error };
 				// run test without js, css
 				return test({ assert, input, preprocessed });
 			}
 
+			const t1 = Date.now();
 			const { js, css } = svelte.compile(
 				preprocessed.code, {
 				filename: "input.svelte",
@@ -52,6 +58,8 @@ describe("sourcemaps", () => {
 				outputFilename: `${outputName}.js`,
 				cssOutputFilename: `${outputName}.css`,
 			});
+			const t2 = Date.now();
+			js.deltaT = css.deltaT = t2 - t1;
 
 			js.code = js.code.replace(
 				/generated by Svelte v\d+\.\d+\.\d+/,

test/sourcemaps/samples/benchmark/_config.js

@@ -0,0 +1,34 @@
+import MagicString from 'magic-string';
+
+import { line_max, column_max, block_count } from './generate_input';
+
+const options = {};
+options.preprocess = [];
+
+for (let column = 0; column < column_max; column++) {
+  // add one preprocessor per column
+  options.preprocess.push({
+    script: ({ content, filename }) => {
+      const src = new MagicString(content);
+      for (let line = 0; line < line_max; line++) {
+        // replace all lines of one column
+        const original = `original_${line}_${column}`;
+        const replace = `replace_${line}_${column}`;
+        let idx = -1;
+        while ((idx = content.indexOf(original, idx + 1)) != -1) {
+          src.overwrite(idx, idx + original.length, replace);
+        }
+      }
+      return {
+        code: src.toString(),
+        map: src.generateDecodedMap({
+          source: filename,
+          hires: true,
+          includeContent: false
+        })
+      };
+    }
+  });
+}
+
+export default options;

test/sourcemaps/samples/benchmark/generate_input.js

@@ -0,0 +1,25 @@
+import * as fs from 'fs';
+
+// result size is TODO MB
+
+export const line_max = 20;
+export const column_max = 5;
+export const block_count = 5;
+
+export function generateInput() {
+  const outFile = __dirname+'/input.svelte';
+
+  let out = '<script>';
+
+  for (let line = 0; line < line_max * block_count; line++) {
+    for (let column = 0; column < column_max; column++) {
+      out += `original_${(line % line_max)}_${column}; `;
+    }
+    out += '\n';
+  }
+
+  out += '</script>\n';
+
+  fs.writeFileSync(outFile, out, 'utf-8');
+}
+

test/sourcemaps/samples/benchmark/test.js

@@ -0,0 +1,10 @@
+export function test({ assert, preprocessed, js }) {
+
+  const prefix = '      benchmark: ';
+
+  console.log(prefix + preprocessed.deltaT + ' ms in svelte.preprocess');
+  console.log(prefix + js.deltaT + ' ms in svelte.compile');
+
+  assert.equal(js.locate('original'), undefined, 'all "original" strings should be replaced');
+
+}