status = { const buttonFullscreen = document.createElement("button"); buttonFullscreen.classList.add("__status-fullscreen-button"); buttonFullscreen.textContent = "⛶"; buttonFullscreen.title = "Fullscreen"; buttonFullscreen.classList; buttonFullscreen.onclick = (e) => { e.stopPropagation(); if (document.fullscreenElement != null) { document.exitFullscreen(); } else { const parentCell = e.currentTarget.parentElement.parentElement.parentElement; console.log(parentCell); parentCell.requestFullscreen ? parentCell.requestFullscreen() : parentCell.webkitRequestFullscreen(); } buttonFullscreen.blur(); }; const container = htl.html`

60 ? "mid" : "low" }-count ${run ? "__status-running" : "__status-waiting"} ${ results.failCount ? "__status-fail" : "__status-success" }"> ${buttonFullscreen} ${ !run ? htl.html`Waiting to run tests` : _.orderBy(results.all, "index").map((t) => { const textContent = `${ t.fail && results.all.length * 16 < width ? "⛔️" : "" }`; const el = htl.html`

${textContent}

`; el.addEventListener("click", async (e) => { e.preventDefault(); await navigator.clipboard.writeText( t.parentIsArray ? t.parents[t.parents.length - 1] : t.key ); el.setAttribute("title", "Copied to clipboard"); setTimeout(() => { el.setAttribute("title", t.id); }, 1000); }); return el; }) }

`; const rootCount = Math.pow(results.all.length, 0.5); let cols = Math.ceil(rootCount); if (width <= 640 && cols > 2) { cols = Math.ceil(cols / 2); } const rows = Math.ceil(results.all.length / cols); const styles = htl.html``; return htl.html`${container}${styles}`; }