Add real-time sample progress indicator during testing stage

This commit introduces a progress indicator that displays the number
of completed samples and percentage during the 'Testing' stage of test
execution, enhancing user visibility into test progress.

Changes:
- Modified mod_test/controllers.py to calculate and return sample
  progress data in the get_json_data endpoint
- Updated templates/test/by_id.html to display progress information
  and handle real-time updates via AJAX polling

Implementation details:
- Calculates progress using existing test.results and
  test.get_customized_regressiontests() data
- No database schema changes required
- Updates every 20 seconds via existing AJAX mechanism
- Displays format: 'X / Y samples (Z%)'
- Backward compatible with existing functionality

The feature provides immediate feedback to users about test execution
progress without requiring any infrastructure changes.

Author: NexionisJake

mod_test/controllers.py

@@ -212,11 +212,23 @@ def get_json_data(test_id):
             'message': entry.message
         })
 
+    # Calculate sample progress from existing TestResult data
+    completed_samples = len(test.results)
+    total_samples = len(test.get_customized_regressiontests())
+    progress_percentage = 0
+    if total_samples > 0:
+        progress_percentage = int((completed_samples / total_samples) * 100)
+
     return jsonify({
         'status': 'success',
         'details': pr_data["progress"],
         'complete': test.finished,
-        'progress_array': progress_array
+        'progress_array': progress_array,
+        'sample_progress': {
+            'current': completed_samples,
+            'total': total_samples,
+            'percentage': progress_percentage
+        }
     })
 
 

templates/test/by_id.html

@@ -1,6 +1,22 @@
 {% extends "base.html" %}
 
 {% block title %}Test progress for {{ title }} {{ super() }}{% endblock %}
+
+{% block styles %}
+    {{ super() }}
+    <style>
+        .sample-progress {
+            margin-top: 5px;
+            font-size: 12px;
+            color: #666;
+        }
+        #sample-progress-text {
+            display: block;
+            text-align: center;
+        }
+    </style>
+{% endblock %}
+
 {% block body %}
     {{ super() }}
     <br />
@@ -48,7 +64,14 @@ <h1>Test progress for {{ title }}</h1>
                         {% if progress.progress.state == 'error' and progress.progress.step == loop.index0 -%}
                             {% set status = status ~ ' error' %}
                         {%- endif %}
-                        <li class="progtrckr-{{ status }}" id="trckr-{{ stage.description }}">{{ stage.description }}</li>
+                        <li class="progtrckr-{{ status }}" id="trckr-{{ stage.description }}">
+                            {{ stage.description }}
+                            {% if stage.description == 'Testing' and status == 'running' %}
+                            <div class="sample-progress" id="sample-progress">
+                                <small id="sample-progress-text">0 / 0 samples</small>
+                            </div>
+                            {% endif %}
+                        </li>
                     {%- endfor %}
                 </ol>
                 <br class="clear" />
@@ -181,6 +204,17 @@ <h6>There are no tests executed in this category.</h6>
                                 if (testprogress === 0 && val.length !== 0) {
                                     window.location.reload();
                                 }
+                                
+                                // Update sample progress display
+                                if (data.sample_progress) {
+                                    var progressText = document.getElementById('sample-progress-text');
+                                    if (progressText) {
+                                        progressText.textContent = data.sample_progress.current + ' / ' + 
+                                            data.sample_progress.total + ' samples (' + 
+                                            data.sample_progress.percentage + '%)';
+                                    }
+                                }
+                                
                             {% for stage in progress.stages %}
                                 if (data.details.step >= {{ loop.index0 }}) {
                                     status = 'done';