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