import * as fs from 'fs'; import * as http from 'http'; import { rollup } from 'rollup'; import virtual from 'rollup-plugin-virtual'; import Nightmare from 'nightmare'; import { loadSvelte } from "../helpers.js"; const page = `
`; const assert = fs.readFileSync('test/custom-elements/assert.js', 'utf-8'); describe('custom-elements', function() { this.timeout(10000); const nightmare = new Nightmare({ show: false }); let svelte; let server; let bundle; before(() => { svelte = loadSvelte(); return new Promise((fulfil) => { server = http.createServer((req, res) => { if (req.url === '/') { res.end(page); } if (req.url === '/bundle.js') { res.end(bundle); } }); server.listen('6789', () => { fulfil(); }); }); }); after(() => { server.close(); }); fs.readdirSync('test/custom-elements/samples').forEach(dir => { if (dir[0] === '.') return; it(dir, () => { return rollup({ input: `test/custom-elements/samples/${dir}/test.js`, plugins: [ { transform(code, id) { if (id.endsWith('.html')) { const compiled = svelte.compile(code, { customElement: true }); return { code: compiled.code, map: compiled.map }; } } }, virtual({ assert }) ] }) .then(bundle => bundle.generate({ format: 'iife', name: 'test' })) .then(generated => { bundle = generated.code; return nightmare .goto('http://localhost:6789') .evaluate(() => { return test(document.querySelector('main')); }) .then(result => { if (result) console.log(result); }) .catch(message => { throw new Error(message); }); }); }); }); });