multipleof4/lynchmark
1
0
Fork 0
mirror of https://github.com/multipleof4/lynchmark.git synced 2026-01-13 16:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Show spinner while running tests

Browse Source
This commit is contained in:
multipleof4
2025-10-13 12:10:12 -07:00
parent 17cb925428
commit 062bb1d7c6
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -51,6 +51,11 @@
const list = document.getElementById(`list-${sModel}`);
for (const test of tests) {
const li = document.createElement('li');
li.className = 'flex items-center gap-3 text-sm';
list.appendChild(li);
li.innerHTML = `<svg class="animate-spin h-4 w-4 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg><span class="font-medium text-gray-800">${test}</span><span class="mono text-gray-500 ml-auto">...</span>`;
let itemHTML;
try {
const tMod = await import(`./tests/${test}/test.js`);
@@ -62,7 +67,7 @@
itemHTML = `❌ <span class="font-medium text-gray-800">${test}</span>`;
}
const time = genTimes[model]?.[test]?.toFixed(3) ?? 'N/A';
list.innerHTML += `<li class="flex items-center gap-3 text-sm">${itemHTML}<span class="mono text-gray-500 ml-auto">${time}s</span></li>`;
li.innerHTML = `${itemHTML}<span class="mono text-gray-500 ml-auto">${time}s</span>`;
}
}
};