import * as fs from "fs"; import * as path from "path"; import assert from "assert"; import { loadConfig, svelte } from "../helpers.js"; import { SourceMapConsumer } from "source-map"; import { getLocator } from "locate-character"; describe("sourcemaps", () => { fs.readdirSync("test/sourcemaps/samples").forEach(dir => { if (dir[0] === ".") return; // add .solo to a sample directory name to only run that test const solo = /\.solo/.test(dir); if (solo && process.env.CI) { throw new Error("Forgot to remove `solo: true` from test"); } (solo ? it.only : it)(dir, () => { const config = loadConfig(`./sourcemaps/samples/${dir}/_config.js`); const filename = path.resolve( `test/sourcemaps/samples/${dir}/input.html` ); const outputFilename = path.resolve( `test/sourcemaps/samples/${dir}/output` ); const input = fs.readFileSync(filename, "utf-8").replace(/\s+$/, ""); const { code, map, css, cssMap } = svelte.compile(input, { filename, outputFilename: `${outputFilename}.js`, cssOutputFilename: `${outputFilename}.css`, cascade: config.cascade }); const _code = code.replace(/Svelte v\d+\.\d+\.\d+/, match => match.replace(/\d/g, 'x')); fs.writeFileSync( `${outputFilename}.js`, `${_code}\n//# sourceMappingURL=output.js.map` ); fs.writeFileSync( `${outputFilename}.js.map`, JSON.stringify(map, null, " ") ); if (css) { fs.writeFileSync( `${outputFilename}.css`, `${css}\n/*# sourceMappingURL=output.css.map */` ); fs.writeFileSync( `${outputFilename}.css.map`, JSON.stringify(cssMap, null, " ") ); } assert.deepEqual(map.sources, ["input.html"]); if (cssMap) assert.deepEqual(cssMap.sources, ["input.html"]); const { test } = require(`./samples/${dir}/test.js`); const locateInSource = getLocator(input); const smc = new SourceMapConsumer(map); const locateInGenerated = getLocator(_code); const smcCss = cssMap && new SourceMapConsumer(cssMap); const locateInGeneratedCss = getLocator(css || ''); test({ assert, code: _code, map, smc, smcCss, locateInSource, locateInGenerated, locateInGeneratedCss }); }); }); });