dennii/Web-Page-Performance-Test
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/Web-Page-Performance-Test.git synced 2026-04-17 20:05:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Retry: Add Rerun button and fix run count usage in main.js

Browse Source
This commit is contained in:
DeNNiiInc
2025-12-28 12:30:03 +11:00
parent 11f2b4f11c
commit ebea27d687
1 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
main.js
View File

@@ -67,9 +67,9 @@ async function runTest() {
'x-user-uuid': getUserUuid() 'x-user-uuid': getUserUuid()
}, },
body: JSON.stringify({ body: JSON.stringify({
url: url,
url: url, url: url,
isMobile: currentDevice === 'mobile', isMobile: currentDevice === 'mobile',
runs: parseInt(document.getElementById('run-count').value),
captureFilmstrip: captureFilmstrip captureFilmstrip: captureFilmstrip
}) })
}); });
@@ -77,7 +77,17 @@ async function runTest() {
if (!response.ok) throw new Error('Test failed to start'); if (!response.ok) throw new Error('Test failed to start');
const data = await response.json(); const data = await response.json();
// Handle multi-run immediate response
if (data.status === 'running' && data.suiteId) {
// Show progress for multi-run
document.getElementById('multi-run-progress').style.display = 'block';
pollSuiteStatus(data.suiteId, data.runs);
// Clear previous single result if any
document.getElementById('results-area').classList.remove('visible');
} else {
displayResults(data); displayResults(data);
}
loadHistory(); // Refresh history loadHistory(); // Refresh history
} catch (error) { } catch (error) {
@@ -172,9 +182,6 @@ function displayResults(data) {
document.getElementById('view-images').onclick = (e) => { document.getElementById('view-images').onclick = (e) => {
e.preventDefault(); e.preventDefault();
if (data.filmstrip && data.filmstrip.length > 0) { if (data.filmstrip && data.filmstrip.length > 0) {
// Open images.html?id=... (Assuming logic exists, user requested it back)
// Or reusing filmstrip display? User said "View Images function".
// Checking previous code: it opened `/images.html?id=${data.id}`
window.open(`/images.html?id=${data.id}`, '_blank'); window.open(`/images.html?id=${data.id}`, '_blank');
} else { } else {
alert('No images available.'); alert('No images available.');
@@ -274,6 +281,9 @@ async function loadHistory() {
</div> </div>
</div> </div>
<div style="display: flex; align-items: center; gap: 0.5rem;"> <div style="display: flex; align-items: center; gap: 0.5rem;">
<button class="btn-secondary rerun-btn" data-url="${test.url}" style="margin:0; padding: 0.25rem 0.75rem; font-size: 0.75rem;" title="Rerun this test">
🔄 Rerun
</button>
<a href="/waterfall.html?id=${test.id}" target="_blank" class="btn-secondary" style="margin:0; padding: 0.25rem 0.75rem; font-size: 0.75rem;" title="View Waterfall"> <a href="/waterfall.html?id=${test.id}" target="_blank" class="btn-secondary" style="margin:0; padding: 0.25rem 0.75rem; font-size: 0.75rem;" title="View Waterfall">
📊 Waterfall 📊 Waterfall
</a> </a>
@@ -301,6 +311,23 @@ async function loadHistory() {
}); });
}); });
// Setup click handlers for Rerun buttons
document.querySelectorAll('.rerun-btn').forEach(btn => {
btn.addEventListener('click', (e) => {
e.preventDefault();
const url = e.target.dataset.url;
// Populate URL field
document.getElementById('test-url').value = url;
// Scroll to top
window.scrollTo({ top: 0, behavior: 'smooth' });
// Trigger run (this ensures it uses the current "Number of Runs" setting)
document.getElementById('run-btn').click();
});
});
} catch (error) { } catch (error) {
console.error('Failed to load history', error); console.error('Failed to load history', error);
} }