mirrors/svelte
mirrors/svelte
0
0
Fork 0
mirror of https://github.com/sveltejs/svelte.git synced 2024-11-30 00:46:29 +01:00
Code Issues Releases Wiki Activity

improve readability of debugging printouts

Browse Source
This commit is contained in:
Rich Harris 2017-06-09 15:22:51 -04:00
parent 7c23579197
commit 3e5f8d05c5
2 changed files with 60 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
test/helpers.js
View File

@ -1,11 +1,13 @@
import jsdom from "jsdom";
import assert from "assert";
import * as fs from "fs";
import jsdom from 'jsdom';
import assert from 'assert';
import glob from 'glob';
import fs from 'fs';
import chalk from 'chalk';
import * as consoleGroup from "console-group";
import * as consoleGroup from 'console-group';
consoleGroup.install();
import * as sourceMapSupport from "source-map-support";
import * as sourceMapSupport from 'source-map-support';
sourceMapSupport.install();
// for coverage purposes, we need to test source files,
@ -14,8 +16,8 @@ export function loadSvelte(test) {
if (test) global.__svelte_test = true;
const resolved = process.env.COVERAGE
? require.resolve("../src/index.js")
: require.resolve("../compiler/svelte.js");
? require.resolve('../src/index.js')
: require.resolve('../compiler/svelte.js');
delete require.cache[resolved];
return require(resolved);
@ -36,23 +38,23 @@ export function tryToLoadJson(file) {
try {
return JSON.parse(fs.readFileSync(file));
} catch (err) {
if (err.code !== "ENOENT") throw err;
if (err.code !== 'ENOENT') throw err;
return null;
}
}
export function tryToReadFile(file) {
try {
return fs.readFileSync(file, "utf-8");
return fs.readFileSync(file, 'utf-8');
} catch (err) {
if (err.code !== "ENOENT") throw err;
if (err.code !== 'ENOENT') throw err;
return null;
}
}
export function env() {
return new Promise((fulfil, reject) => {
jsdom.env("<main></main>", (err, window) => {
jsdom.env('<main></main>', (err, window) => {
if (err) {
reject(err);
} else {
@ -75,19 +77,19 @@ function cleanChildren(node) {
if (child.nodeType === 3) {
if (
node.namespaceURI === "http://www.w3.org/2000/svg" &&
node.tagName !== "text" &&
node.tagName !== "tspan"
node.namespaceURI === 'http://www.w3.org/2000/svg' &&
node.tagName !== 'text' &&
node.tagName !== 'tspan'
) {
node.removeChild(child);
}
child.data = child.data.replace(/\s{2,}/, "\n");
child.data = child.data.replace(/\s{2,}/, '\n');
// text
if (previous && previous.nodeType === 3) {
previous.data += child.data;
previous.data = previous.data.replace(/\s{2,}/, "\n");
previous.data = previous.data.replace(/\s{2,}/, '\n');
node.removeChild(child);
child = previous;
@ -101,12 +103,12 @@ function cleanChildren(node) {
// collapse whitespace
if (node.firstChild && node.firstChild.nodeType === 3) {
node.firstChild.data = node.firstChild.data.replace(/^\s+/, "");
node.firstChild.data = node.firstChild.data.replace(/^\s+/, '');
if (!node.firstChild.data) node.removeChild(node.firstChild);
}
if (node.lastChild && node.lastChild.nodeType === 3) {
node.lastChild.data = node.lastChild.data.replace(/\s+$/, "");
node.lastChild.data = node.lastChild.data.replace(/\s+$/, '');
if (!node.lastChild.data) node.removeChild(node.lastChild);
}
}
@ -115,15 +117,15 @@ export function setupHtmlEqual() {
return env().then(window => {
assert.htmlEqual = (actual, expected, message) => {
window.document.body.innerHTML = actual
.replace(/>[\s\r\n]+</g, "><")
.replace(/>[\s\r\n]+</g, '><')
.trim();
cleanChildren(window.document.body, "");
cleanChildren(window.document.body, '');
actual = window.document.body.innerHTML;
window.document.body.innerHTML = expected
.replace(/>[\s\r\n]+</g, "><")
.replace(/>[\s\r\n]+</g, '><')
.trim();
cleanChildren(window.document.body, "");
cleanChildren(window.document.body, '');
expected = window.document.body.innerHTML;
assert.deepEqual(actual, expected, message);
@ -137,7 +139,7 @@ export function loadConfig(file) {
delete require.cache[resolved];
return require(resolved).default;
} catch (err) {
if (err.code === "E_NOT_FOUND") {
if (err.code === 'E_NOT_FOUND') {
return {};
}
@ -147,16 +149,32 @@ export function loadConfig(file) {
export function addLineNumbers(code) {
return code
.split("\n")
.split('\n')
.map((line, i) => {
i = String(i + 1);
while (i.length < 3) i = ` ${i}`;
return `${i}: ${line.replace(/^\t+/, match =>
match.split("\t").join(" ")
)}`;
return (
chalk.grey(` ${i}: `) +
line.replace(/^\t+/, match => match.split('\t').join(' '))
);
})
.join("\n");
.join('\n');
}
export function showOutput(cwd, shared) {
glob.sync('**/*.html', { cwd }).forEach(file => {
const { code } = svelte.compile(
fs.readFileSync(`${cwd}/${file}`, 'utf-8'),
{
shared
}
);
console.log(
`\n>> ${chalk.cyan.bold(file)}\n${addLineNumbers(code)}\n<< ${chalk.cyan.bold(file)}`
);
});
}
const start = /\n(\t+)/;

25
test/runtime/index.js
View File

@ -2,11 +2,10 @@ import assert from "assert";
import * as path from "path";
import * as fs from "fs";
import * as acorn from "acorn";
import * as babel from "babel-core";
import { transitionManager } from "../../shared.js";
import {
addLineNumbers,
showOutput,
loadConfig,
loadSvelte,
env,
@ -16,7 +15,6 @@ import {
let svelte;
let showCompiledCode = false;
let compileOptions = null;
function getName(filename) {
@ -35,9 +33,7 @@ require.extensions[".html"] = function(module, filename) {
);
let { code } = svelte.compile(fs.readFileSync(filename, "utf-8"), options);
if (showCompiledCode) console.log(addLineNumbers(code)); // eslint-disable-line no-console
if (legacy) code = babel.transform(code, babelrc).code;
if (legacy) code = require('babel-core').transform(code, babelrc).code;
return module._compile(code, filename);
};
@ -60,9 +56,9 @@ describe("runtime", () => {
}
(config.skip ? it.skip : config.solo ? it.only : it)(dir, () => {
const cwd = path.resolve(`test/runtime/samples/${dir}`);
let compiled;
showCompiledCode = config.show;
compileOptions = config.compileOptions || {};
compileOptions.shared = shared;
compileOptions.dev = config.dev;
@ -78,6 +74,7 @@ describe("runtime", () => {
config.compileError(err);
return;
} else {
showOutput(cwd, shared);
throw err;
}
}
@ -91,15 +88,17 @@ describe("runtime", () => {
if (startIndex === -1)
throw new Error("missing create_main_fragment");
const es5 =
spaces(startIndex) +
code.slice(0, startIndex).split('\n').map(x => spaces(x.length)).join('\n') +
code.slice(startIndex).replace(/export default .+/, "");
acorn.parse(es5, { ecmaVersion: 5 });
} catch (err) {
if (!config.show) console.log(addLineNumbers(code)); // eslint-disable-line no-console
if (!config.show) showOutput(cwd, shared); // eslint-disable-line no-console
throw err;
}
}
if (config.show) showOutput(cwd, shared);
Object.keys(require.cache)
.filter(x => x.endsWith(".html"))
.forEach(file => {
@ -140,7 +139,7 @@ describe("runtime", () => {
try {
SvelteComponent = require(`./samples/${dir}/main.html`).default;
} catch (err) {
if (!config.show) console.log(addLineNumbers(code)); // eslint-disable-line no-console
showOutput(cwd, shared); // eslint-disable-line no-console
throw err;
}
@ -203,9 +202,13 @@ describe("runtime", () => {
if (config.error && !unintendedError) {
config.error(assert, err);
} else {
if (!config.show) console.log(addLineNumbers(code)); // eslint-disable-line no-console
console.log('???');
showOutput(cwd, shared); // eslint-disable-line no-console
throw err;
}
})
.then(() => {
if (config.show) showOutput(cwd, shared);
});
});
}