From 74a01a875269a77306f9cd78cd30ae192378d0f0 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sun, 6 Jul 2025 18:54:31 -0700
Subject: [PATCH] Add reset results functionality to test UI

- Introduced a "Reset results" button to clear test container backgrounds and remove error messages.
- Implemented hover styles for the reset button to enhance user interaction.
- Ensured the reset functionality hides the progress panel and resets progress tracking.
---
 src/puter-js/test/run.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/puter-js/test/run.html b/src/puter-js/test/run.html
index 1128b2683..41a1bfa86 100644
--- a/src/puter-js/test/run.html
+++ b/src/puter-js/test/run.html
@@ -255,6 +255,11 @@
             opacity: 0.8;
             margin-top: 2px;
         }
+        
+        #reset-results:hover {
+            color: #333;
+            text-decoration: none;
+        }
     </style>
     <script>
     document.addEventListener("DOMContentLoaded", () => {
@@ -653,6 +658,18 @@
             runTests();
         });
 
+        // Reset results functionality
+        $('#reset-results').click(() => {
+            // Clear all test container background colors
+            $('.test-container').css('background-color', '');
+            // Remove all error message pre elements
+            $('.test-container pre').remove();
+            // Hide progress panel if it's showing
+            hideProgressPanel();
+            // Reset progress tracking
+            resetProgress();
+        });
+
         // Master checkbox functionality
         $('#master-checkbox').change(function() {
             const isChecked = $(this).prop('checked');
@@ -704,6 +721,7 @@
         </label>
         <span id="test-counter"></span>
         <div style="flex: 1; text-align: right;">
+            <span id="reset-results" style="margin-right: 20px; cursor: pointer; color: #666; text-decoration: underline; font-size: 14px;">Reset results</span>
             <button id="run-tests" style="margin-right: 30px;">Run Tests</button>
         </div>
     </nav>