Function createElement

tests/settings-persistence.test.mjs:23–63

(id = '')

}

function createElement(id = '') {
    const listeners = new Map();
    const element = {
        id,
        dataset: {},
        style: {},
        classList: createClassList(),
        children: [],
        parentElement: { style: {} },
        nextElementSibling: null,
        disabled: false,
        value: '',
        textContent: '',
        addEventListener: function (type, handler) {
            if (!listeners.has(type)) listeners.set(type, []);
            listeners.get(type).push(handler);
        },
        click: function () {
            (listeners.get('click') || []).forEach(handler => handler({ target: this }));
        },
        append: function (...children) { this.children.push(...children); },
        appendChild: function (child) { this.children.push(child); return child; },
        remove: () => {},
        setAttribute: () => {},
        focus: () => {},
        querySelector: () => null,
        querySelectorAll: () => [],
        getContext: () => ({})
    };

    let innerHTML = '';
    Object.defineProperty(element, 'innerHTML', {
        get: () => innerHTML,
        set: value => {
            innerHTML = value;
            element.children = [];
        }
    });

    return element;
}

function createHarness(seed = {}) {
    const storage = new Map(Object.entries(seed));