createSuite = ({ name = "tests", // Set to null to turn of tap report link timeout_ms = 30000 } = {}) => { const id = pseudouuid(); const tests = {}; const results = {}; var filter = ""; const regex = () => new RegExp(filter); function updateUI() { reconcile(document.getElementById(id), generate()); } // from https://spin.atomicobject.com/2020/01/16/timeout-promises-nodejs/ function promiseWithTimeout(timeoutMs, promise, failureMessage) { let timeoutHandle; const timeoutPromise = new Promise((resolve, reject) => { timeoutHandle = setTimeout( () => reject(new Error(failureMessage)), timeoutMs ); }); return Promise.race([promise, timeoutPromise]).then((result) => { clearTimeout(timeoutHandle); return result; }); } async function maybeRunTest(name) { if (regex().test(name)) { results[name] = undefined; updateUI(); try { await promiseWithTimeout(timeout_ms, tests[name](), "Timeout"); results[name] = "ok"; updateUI(); return results[name]; } catch (err) { results[name] = err; updateUI(); throw err; } } } function filterChange(evt) { if (filter !== evt.target.value) { filter = evt.target.value; updateUI(); } if (evt.keyCode === 13) { Object.keys(tests).map((label) => maybeRunTest(label)); } } function generate() { return html`

${name ? html`

${name}

` : null} e.stopPropagation()} onkeyup=${filterChange} value="${filter}" placeholder="test filter regex"> ${Object.keys(results) .filter((label) => regex().test(label)) .sort() .map( (label) => html.fragment` ` )}

name	value
${label}	${ results[label] ? (results[label] + "").slice(0, 200) : null }

`; } const api = { results: results, test: async (label, fn) => { // console.log(`Test scheduled: ${label}`); results[label] = undefined; const run = async () => { // If the user supplies a done handler in the fn, use that return fn.length == 1 ? new Promise(async (resolve, reject) => { const done = (error) => { if (error) reject(error); else resolve(); }; try { await fn(done); } catch (error) { reject(error); } }) : fn(); }; tests[label] = run; const result = await maybeRunTest(label); const color = result === "ok" ? "green" : "red"; return html`

${label}: ${result} goto suite

`; } }; { // Navigation widget const isLocalLink = (a) => a instanceof HTMLAnchorElement && a.getAttribute("href").match(/^#/); const scrollTo = (e) => { let l = e.target, t; if ( isLocalLink(l) && (t = document.querySelector(`[name="${l.hash.slice(1)}"]`)) ) { e.preventDefault(); t.scrollIntoView(); } }; document.addEventListener("click", scrollTo); invalidation.then(() => document.removeEventListener("click", scrollTo)); } const view = html`${generate()}`; view.value = api; return view; }