mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.6 KiB
106 lines
2.6 KiB
import assert from 'assert';
|
|
import path from 'path';
|
|
import fs from 'fs';
|
|
|
|
import {
|
|
showOutput,
|
|
loadConfig,
|
|
loadSvelte,
|
|
env,
|
|
setupHtmlEqual
|
|
} from '../helpers.js';
|
|
|
|
let compileOptions = null;
|
|
|
|
function getName(filename) {
|
|
const base = path.basename(filename).replace('.html', '');
|
|
return base[0].toUpperCase() + base.slice(1);
|
|
}
|
|
|
|
const nodeVersionMatch = /^v(\d)/.exec(process.version);
|
|
const legacy = +nodeVersionMatch[1] < 6;
|
|
const babelrc = require('../../package.json').babel;
|
|
|
|
describe('hydration', () => {
|
|
before(() => {
|
|
const svelte = loadSvelte();
|
|
|
|
require.extensions['.html'] = function(module, filename) {
|
|
const options = Object.assign(
|
|
{ filename, name: getName(filename), hydratable: true },
|
|
compileOptions
|
|
);
|
|
let { code } = svelte.compile(fs.readFileSync(filename, 'utf-8'), options);
|
|
|
|
if (legacy) code = require('babel-core').transform(code, babelrc).code;
|
|
|
|
return module._compile(code, filename);
|
|
};
|
|
|
|
return setupHtmlEqual();
|
|
});
|
|
|
|
function runTest(dir) {
|
|
if (dir[0] === '.') return;
|
|
|
|
const config = loadConfig(`./hydration/samples/${dir}/_config.js`);
|
|
|
|
if (config.solo && process.env.CI) {
|
|
throw new Error('Forgot to remove `solo: true` from test');
|
|
}
|
|
|
|
(config.skip ? it.skip : config.solo ? it.only : it)(dir, () => {
|
|
const cwd = path.resolve(`test/hydration/samples/${dir}`);
|
|
|
|
compileOptions = config.compileOptions || {};
|
|
compileOptions.shared = path.resolve('shared.js');
|
|
compileOptions.dev = config.dev;
|
|
compileOptions.hydrate = true;
|
|
|
|
return env()
|
|
.then(window => {
|
|
global.window = window;
|
|
|
|
let SvelteComponent;
|
|
|
|
try {
|
|
SvelteComponent = require(`${cwd}/main.html`).default;
|
|
} catch (err) {
|
|
throw err;
|
|
}
|
|
|
|
const target = window.document.body;
|
|
target.innerHTML = fs.readFileSync(`${cwd}/_before.html`, 'utf-8');
|
|
|
|
const snapshot = config.snapshot ? config.snapshot(target) : {};
|
|
|
|
const component = new SvelteComponent({
|
|
target,
|
|
hydrate: true,
|
|
data: config.data
|
|
});
|
|
|
|
assert.htmlEqual(target.innerHTML, fs.readFileSync(`${cwd}/_after.html`, 'utf-8'));
|
|
|
|
if (config.test) {
|
|
config.test(assert, target, snapshot, component, window);
|
|
} else {
|
|
component.destroy();
|
|
assert.equal(target.innerHTML, '');
|
|
}
|
|
})
|
|
.catch(err => {
|
|
showOutput(cwd, { shared: 'svelte/shared.js' }); // eslint-disable-line no-console
|
|
throw err;
|
|
})
|
|
.then(() => {
|
|
if (config.show) showOutput(cwd, { shared: 'svelte/shared.js' });
|
|
});
|
|
});
|
|
}
|
|
|
|
fs.readdirSync('test/hydration/samples').forEach(dir => {
|
|
runTest(dir, null);
|
|
});
|
|
});
|