mirror of
https://github.com/Extroonie/extroonie.com.git
synced 2026-10-12 17:48:06 -07:00
91 lines
2.9 KiB
JavaScript
91 lines
2.9 KiB
JavaScript
|
import assert from 'node:assert/strict';
|
||
|
|
import { readFileSync } from 'node:fs';
|
||
|
|
import { runInNewContext } from 'node:vm';
|
||
|
|
|
||
|
|
let focused;
|
||
|
|
class Element {
|
||
|
|
listeners = {};
|
||
|
|
attributes = {};
|
||
|
|
children = [];
|
||
|
|
style = {};
|
||
|
|
offsetWidth = 240;
|
||
|
|
offsetHeight = 160;
|
||
|
|
addEventListener(name, listener) {
|
||
|
|
this.listeners[name] = listener;
|
||
|
|
}
|
||
|
|
emit(name, event = {}) {
|
||
|
|
this.listeners[name]?.(event);
|
||
|
|
}
|
||
|
|
setAttribute(name, value) {
|
||
|
|
this.attributes[name] = value;
|
||
|
|
}
|
||
|
|
removeAttribute(name) {
|
||
|
|
delete this.attributes[name];
|
||
|
|
}
|
||
|
|
replaceChildren(...children) {
|
||
|
|
this.children = children;
|
||
|
|
}
|
||
|
|
contains(element) {
|
||
|
|
return this.children.includes(element);
|
||
|
|
}
|
||
|
|
focus(options) {
|
||
|
|
focused = this;
|
||
|
|
this.focusOptions = options;
|
||
|
|
this.emit('focus');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const reference = new Element();
|
||
|
|
reference.hash = '#fn:1';
|
||
|
|
reference.textContent = '1';
|
||
|
|
reference.matches = () => true;
|
||
|
|
reference.getBoundingClientRect = () => ({ left: 960, top: 730, bottom: 750 });
|
||
|
|
const superscript = new Element();
|
||
|
|
superscript.after = () => {};
|
||
|
|
reference.closest = () => superscript;
|
||
|
|
const link = new Element();
|
||
|
|
const note = new Element();
|
||
|
|
note.cloneNode = () => ({ childNodes: [link], querySelectorAll: () => [] });
|
||
|
|
const preview = new Element();
|
||
|
|
const document = new Element();
|
||
|
|
Object.defineProperty(document, 'activeElement', { get: () => focused });
|
||
|
|
document.querySelectorAll = () => [reference];
|
||
|
|
document.createElement = () => preview;
|
||
|
|
document.getElementById = (id) => (id === 'fn:1' ? note : null);
|
||
|
|
document.body = { append() {} };
|
||
|
|
const window = new Element();
|
||
|
|
runInNewContext(readFileSync('assets/js/footnotes.js', 'utf8'), {
|
||
|
|
document,
|
||
|
|
window,
|
||
|
|
innerWidth: 1000,
|
||
|
|
innerHeight: 800,
|
||
|
|
setTimeout,
|
||
|
|
clearTimeout,
|
||
|
|
});
|
||
|
|
assert(preview.hidden);
|
||
|
|
reference.emit('pointerenter', { pointerType: 'touch' });
|
||
|
|
assert(preview.hidden, 'Touch should retain native endnote navigation');
|
||
|
|
reference.focus();
|
||
|
|
assert(!preview.hidden && reference.attributes['aria-controls'] === 'footnote-preview');
|
||
|
|
assert.equal(preview.style.left, '744px');
|
||
|
|
assert.equal(preview.style.top, '562px');
|
||
|
|
link.focus();
|
||
|
|
window.emit('scroll');
|
||
|
|
assert(!preview.hidden, 'Scrolling must not hide the focused preview');
|
||
|
|
window.emit('resize');
|
||
|
|
assert(preview.hidden && focused === reference, 'Resize must not leave focus in a hidden preview');
|
||
|
|
assert.equal(reference.focusOptions.preventScroll, true);
|
||
|
|
assert.equal(reference.attributes['aria-controls'], undefined);
|
||
|
|
reference.focus();
|
||
|
|
link.focus();
|
||
|
|
document.emit('keydown', { key: 'Escape' });
|
||
|
|
assert(preview.hidden && focused === reference, 'Escape must return focus to the reference');
|
||
|
|
reference.focus();
|
||
|
|
const elsewhere = new Element();
|
||
|
|
elsewhere.focus();
|
||
|
|
window.emit('resize');
|
||
|
|
assert(preview.hidden && focused === elsewhere, 'Closing must not steal unrelated focus');
|
||
|
|
reference.focus();
|
||
|
|
reference.emit('click');
|
||
|
|
assert(preview.hidden, 'Endnote navigation must close the preview');
|
||
|
|
console.log('Passed: simulated footnote focus restoration, dismissal, touch fallback, and viewport positioning.');
|