jarvis-at-skic
9347de298f
Build and publish Eldorado documentation / build (pull_request) Successful in 43s
52 lines
2.4 KiB
JavaScript
52 lines
2.4 KiB
JavaScript
import {test} from 'node:test';
|
|
import assert from 'node:assert/strict';
|
|
import {readFileSync} from 'node:fs';
|
|
import {runInNewContext} from 'node:vm';
|
|
const read = path => readFileSync(path, 'utf8');
|
|
|
|
test('both story layouts permit downloads without weakening origin isolation', () => {
|
|
const wrapper = read('src/components/ArchifyDiagram/index.tsx');
|
|
for (const layout of ['desktop', 'mobile']) {
|
|
const iframe = wrapper.split(`<iframe className="story-${layout}"`)[1].split(' />')[0];
|
|
assert(iframe.includes('sandbox="allow-scripts allow-downloads"'));
|
|
assert(iframe.includes('?embed=1&theme=${initialTheme.current}'));
|
|
}
|
|
assert(!wrapper.includes('allow-same-origin'));
|
|
});
|
|
|
|
test('build adds maintained embed-only controls without changing pinned vendor', () => {
|
|
const build = read('scripts/build-diagrams.mjs');
|
|
assert(build.includes("new URL('./inline-viewer.css', import.meta.url)"));
|
|
assert(build.includes('eldorado-inline-controls'));
|
|
const css = read('scripts/inline-viewer.css');
|
|
assert(css.includes('html[data-embed="true"] .toolbar'));
|
|
assert(css.includes('display: flex !important'));
|
|
assert(css.includes('position: relative'));
|
|
assert(css.includes('max-height: calc(100vh - 52px)'));
|
|
});
|
|
|
|
test('theme bridge rejects unrelated senders/values and never echoes parent updates', () => {
|
|
const root = {dataset:{theme:'light'}};
|
|
let receive, observerCallback, mutations = 0;
|
|
const messages = [];
|
|
const parent = {postMessage: message => messages.push(message)};
|
|
const window = {parent, addEventListener: (type, callback) => {receive = callback;}};
|
|
const button = {click: () => {root.dataset.theme = root.dataset.theme === 'light' ? 'dark' : 'light'; mutations++;}};
|
|
class MutationObserver {
|
|
constructor(callback) {observerCallback = callback;}
|
|
observe() {}
|
|
takeRecords() {mutations = 0;}
|
|
}
|
|
runInNewContext(read('scripts/viewer-theme-bridge.js'), {window, document:{documentElement:root, getElementById: () => button}, MutationObserver});
|
|
const send = (source, theme) => receive({source, data:{type:'eldorado:set-theme', theme}});
|
|
send({}, 'dark'); send(parent, 'invalid');
|
|
assert.equal(root.dataset.theme, 'light');
|
|
send(parent, 'dark');
|
|
assert.equal(root.dataset.theme, 'dark');
|
|
assert.equal(mutations, 0);
|
|
assert.equal(messages.length, 0);
|
|
button.click(); observerCallback();
|
|
assert.equal(messages.length, 1);
|
|
assert.equal(messages[0].theme, 'light');
|
|
});
|