test-reporting 3.6.0__tar.gz → 3.6.2__tar.gz

{test_reporting-3.6.0/test_reporting.egg-info → test_reporting-3.6.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: test-reporting
-Version: 3.6.0
+Version: 3.6.2
 Summary: Multi-project test reporting dashboard — collect results locally or push to S3
 Home-page: https://github.com/amahdy77/test-reporting.git
 Author: Ashfaqur Mahdy

{test_reporting-3.6.0 → test_reporting-3.6.2}/reporting/config.py

@@ -102,7 +102,7 @@ class ReportingConfig:
 
     @property
     def DASHBOARD_TITLE(self):
-        return f"{self.PROJECT_NAME} - Test Dashboard"
+        return f"{self.PROJECT_NAME} - Test Result Dashboard"
 
     def ensure_directories(self):
         self.REPORTS_DIR.mkdir(exist_ok=True, parents=True)

{test_reporting-3.6.0 → test_reporting-3.6.2}/reporting/publisher.py

@@ -493,8 +493,12 @@ class Publisher:
                 # Regression grouping
                 if tag not in regressions:
                     regressions[tag] = {'tag': tag, 'date': tag[:10], 'suites': [],
-                                        'total_tests': 0, 'passed': 0, 'failed': 0, 'pass_rate': 0}
+                                        'total_tests': 0, 'passed': 0, 'failed': 0, 'pass_rate': 0,
+                                        'timestamp': ''}
                 reg = regressions[tag]
+                # Track the latest timestamp for this regression
+                if ts > reg.get('timestamp', ''):
+                    reg['timestamp'] = ts
                 existing = next((s for s in reg['suites'] if s['suite'] == suite), None)
                 if existing:
                     if ts > existing.get('timestamp', ''):
@@ -525,8 +529,10 @@ class Publisher:
                 s['runs'] = sorted(s['runs'], key=lambda r: r['timestamp'], reverse=True)
                 s['runs'] = s['runs'][:self.config.DASHBOARD_MAX_RUNS_PER_SUITE]
 
-            # Sort regressions newest first
-            regressions = dict(sorted(regressions.items(), key=lambda x: x[0], reverse=True))
+            # Sort regressions by timestamp (newest first), fallback to tag name
+            regressions = dict(sorted(regressions.items(), 
+                                     key=lambda x: (x[1].get('timestamp', ''), x[0]), 
+                                     reverse=True))
 
             # Overall health from latest regression
             last_reg = next(iter(regressions.values()), None) if regressions else None
@@ -745,7 +751,9 @@ class Publisher:
                         s3.put_object(Bucket=bucket, Key=dest_key, Body=f.read(),
                                     ContentType='image/png')
                     print(f"[Reporting] ✓ Uploaded screenshot: {src.name}")
-                    test['screenshot_path'] = f"artifacts/{src.name}"
+                    # Use full S3 URL so it works when dashboard is served from S3
+                    s3_url = f"https://{bucket}.s3.{self.config.S3_REGION}.amazonaws.com/{dest_key}"
+                    test['screenshot_path'] = s3_url
                     artifact_count += 1
                 else:
                     print(f"[Reporting] ✗ Screenshot not found: {src}")
@@ -761,7 +769,9 @@ class Publisher:
                         s3.put_object(Bucket=bucket, Key=dest_key, Body=f.read(),
                                     ContentType='application/zip')
                     print(f"[Reporting] ✓ Uploaded trace: {src.name}")
-                    test['trace_path'] = f"artifacts/{src.name}"
+                    # Use full S3 URL so it works when dashboard is served from S3
+                    s3_url = f"https://{bucket}.s3.{self.config.S3_REGION}.amazonaws.com/{dest_key}"
+                    test['trace_path'] = s3_url
                     artifact_count += 1
                 else:
                     print(f"[Reporting] ✗ Trace not found: {src}")

{test_reporting-3.6.0 → test_reporting-3.6.2}/reporting/templates/index.html

@@ -6,7 +6,7 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
-  <title>Test Dashboard</title>
+  <title>Test Result Dashboard</title>
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -197,7 +197,7 @@
 <body>
 
 <div class="topbar" id="topbar">
-  <div class="topbar-brand">Test <span>Dashboard</span></div>
+  <div class="topbar-brand">Test Result <span>Dashboard</span></div>
   <div class="topbar-right">
     <div class="topbar-meta" id="lastUpdated"></div>
     <button class="theme-toggle" id="themeToggle" title="Toggle dark mode">🌙</button>

{test_reporting-3.6.0 → test_reporting-3.6.2}/reporting/templates/project.html

@@ -6,7 +6,7 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
-  <title>Project - Test Dashboard</title>
+  <title>Project - Test Result Dashboard</title>
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -273,9 +273,9 @@
     .treemap { display: flex; flex-wrap: wrap; gap: 8px; }
     .treemap-cell { height: 80px; display: flex; flex-direction: column;
                     justify-content: flex-end; padding: 8px;
-                    border-radius: 6px; cursor: default; position: relative;
-                    overflow: hidden; transition: transform .1s; }
-    .treemap-cell:hover { transform: scale(1.02); z-index: 1; }
+                    border-radius: 6px; cursor: pointer; position: relative;
+                    overflow: hidden; transition: transform .1s, box-shadow .1s; }
+    .treemap-cell:hover { transform: scale(1.05); z-index: 1; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
     .treemap-name { font-size: 11px; font-weight: 600; color: #fff; opacity: .9;
                     overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .treemap-rate { font-size: 14px; font-weight: 800; color: #fff; }
@@ -286,6 +286,13 @@
     /* ── History table ── */
     .hist-table a { color: var(--blue); text-decoration: none; font-weight: 500; }
     .hist-table a:hover { text-decoration: underline; }
+    .hist-table th.sortable { cursor: pointer; user-select: none; position: relative; }
+    .hist-table th.sortable:hover { background: var(--bg); }
+    .hist-table th.sortable::after { content: '⇅'; margin-left: 6px; opacity: 0.3; font-size: 10px; }
+    .hist-table th.sortable.asc::after { content: '↑'; opacity: 1; }
+    .hist-table th.sortable.desc::after { content: '↓'; opacity: 1; }
+    .hist-table tbody tr { cursor: pointer; }
+    .hist-table tbody tr:hover { background: var(--blue-bg); }
 
     /* ── Sparkline cell ── */
     .sparkline-cell canvas { display: block; }
@@ -385,6 +392,14 @@
     return new Date(iso).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: false });
   }
 
+  function fmtDateTime(iso) {
+    if (!iso) return '-';
+    const date = new Date(iso);
+    const dateStr = date.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+    const timeStr = date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: false });
+    return dateStr + ' ' + timeStr;
+  }
+
   function fmtDur(s) {
     if (!s || s === 0) return '-';
     if (s >= 60) return Math.floor(s / 60) + 'm ' + Math.floor(s % 60) + 's';
@@ -546,10 +561,12 @@
           }).join('');
 
           const isOpen = i === 0;
+          const regDateTime = reg.timestamp ? fmtDateTime(reg.timestamp) : '';
+          const regTitle = regDateTime ? reg.tag + ' · ' + regDateTime : reg.tag;
           return '<div class="regression">' +
             '<div class="reg-head" onclick="toggleReg(this)">' +
               '<div>' +
-                '<div class="reg-title">' + reg.tag + '</div>' +
+                '<div class="reg-title">' + regTitle + '</div>' +
                 '<div class="reg-sub">' + reg.suites.length + ' test ' + plural(reg.suites.length, 'file') + ' · ' + reg.total_tests + ' tests</div>' +
               '</div>' +
               '<div class="reg-right">' +
@@ -805,7 +822,8 @@
       const width = Math.round(80 + ratio * 160); // 80..240
       var bg = f.pass_rate >= 95 ? '#276749' : f.pass_rate >= 80 ? '#975a16' : '#9b2c2c';
       var bgLight = f.pass_rate >= 95 ? '#38a169' : f.pass_rate >= 80 ? '#d69e2e' : '#e53e3e';
-      return '<div class="treemap-cell" style="width:' + width + 'px;background:' + bgLight + ';" title="' + f.file_name + ': ' + f.pass_rate.toFixed(1) + '% pass rate (' + f.total_runs + ' runs)">' +
+      const clickAttr = f.last_run_id ? ' onclick="goToRun(\'' + f.last_run_id + '\')"' : '';
+      return '<div class="treemap-cell" style="width:' + width + 'px;background:' + bgLight + ';" title="' + f.file_name + ': ' + f.pass_rate.toFixed(1) + '% pass rate (' + f.total_runs + ' runs)' + (f.last_run_id ? ' - Click to view latest run' : '') + '"' + clickAttr + '>' +
         '<div class="treemap-rate">' + f.pass_rate.toFixed(0) + '%</div>' +
         '<div class="treemap-name">' + f.file_name + '</div>' +
       '</div>';
@@ -895,6 +913,9 @@
      HISTORY TAB
   ═══════════════════════════════════════════════════ */
 
+  // Global state for history table sorting
+  var historyData = { runs: [], fileTrends: {}, sortColumn: 'timestamp', sortDir: 'desc' };
+
   function renderHistory(suites) {
     if (!suites || typeof suites !== 'object') return '<p class="empty-section">No run history yet.</p>';
     const names = Object.keys(suites);
@@ -917,12 +938,88 @@
 
     if (recentRuns.length === 0) return '<p class="empty-section">No runs yet.</p>';
 
+    // Store data globally for sorting
+    historyData.runs = recentRuns;
+    historyData.fileTrends = fileTrends;
+    historyData.sortColumn = 'timestamp';
+    historyData.sortDir = 'desc';
+
+    return '<div class="section">' +
+      '<div class="section-head">' +
+        '<h3>All Test File Runs</h3>' +
+        '<span style="font-size:13px;color:var(--muted)">' + recentRuns.length + ' recent runs across ' + names.length + ' test ' + plural(names.length, 'file') + '</span>' +
+      '</div>' +
+      '<div class="section-body-flush">' +
+        '<table class="hist-table" id="historyTable">' +
+          '<thead><tr>' +
+            '<th class="sortable desc" style="width:90px" onclick="sortHistory(\'timestamp\')">Date</th>' +
+            '<th style="width:60px">Time</th>' +
+            '<th class="sortable" onclick="sortHistory(\'file_name\')">Test File</th>' +
+            '<th class="sortable" style="width:100px" onclick="sortHistory(\'regression_tag\')">Tag</th>' +
+            '<th class="sortable" style="width:80px" onclick="sortHistory(\'pass_rate\')">Pass Rate</th>' +
+            '<th class="sortable" style="width:60px" onclick="sortHistory(\'total_tests\')">Tests</th>' +
+            '<th class="sortable" style="width:60px" onclick="sortHistory(\'failed\')">Failed</th>' +
+            '<th class="sortable" style="width:80px" onclick="sortHistory(\'duration_seconds\')">Duration</th>' +
+            '<th style="width:90px">Trend</th>' +
+          '</tr></thead>' +
+          '<tbody id="historyTableBody"></tbody>' +
+        '</table>' +
+      '</div>' +
+    '</div>';
+  }
+
+  function sortHistory(column) {
+    // Toggle direction if same column, otherwise default to desc
+    if (historyData.sortColumn === column) {
+      historyData.sortDir = historyData.sortDir === 'asc' ? 'desc' : 'asc';
+    } else {
+      historyData.sortColumn = column;
+      historyData.sortDir = column === 'timestamp' ? 'desc' : 'asc';
+    }
+
+    // Sort the data
+    historyData.runs.sort(function(a, b) {
+      var aVal = a[column];
+      var bVal = b[column];
+      
+      // Handle null/undefined
+      if (aVal == null) aVal = '';
+      if (bVal == null) bVal = '';
+      
+      var cmp = 0;
+      if (typeof aVal === 'number' && typeof bVal === 'number') {
+        cmp = aVal - bVal;
+      } else {
+        cmp = String(aVal).localeCompare(String(bVal));
+      }
+      
+      return historyData.sortDir === 'asc' ? cmp : -cmp;
+    });
+
+    // Update header classes
+    var headers = document.querySelectorAll('#historyTable th.sortable');
+    headers.forEach(function(th) {
+      th.classList.remove('asc', 'desc');
+    });
+    var activeHeader = Array.from(headers).find(function(th) {
+      return th.textContent.toLowerCase().includes(column.replace('_', ' '));
+    });
+    if (activeHeader) {
+      activeHeader.classList.add(historyData.sortDir);
+    }
+
+    // Re-render table body
+    renderHistoryTableBody();
+  }
+
+  function renderHistoryTableBody() {
     const sparklineIds = {};
-    const rows = recentRuns.map(function(run, i) {
+    const rows = historyData.runs.map(function(run, i) {
       const pc = pillClass(run.pass_rate);
       const sparkId = 'hist-spark-' + i;
-      sparklineIds[sparkId] = fileTrends[run.file_name] || [];
-      return '<tr>' +
+      const runUrl = 'run.html?r=' + encodeURIComponent(run.run_id) + '&p=' + encodeURIComponent(projectName);
+      sparklineIds[sparkId] = historyData.fileTrends[run.file_name] || [];
+      return '<tr onclick="window.location.href=\'' + runUrl + '\'">' +
         '<td style="font-size:12px">' + fmtDate(run.timestamp) + '</td>' +
         '<td style="font-size:12px;color:var(--muted)">' + fmtTime(run.timestamp) + '</td>' +
         '<td><div style="font-weight:600;font-size:13px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + run.file_name + '">' + run.file_name + '</div></td>' +
@@ -932,10 +1029,12 @@
         '<td style="color:var(--red);text-align:center">' + run.failed + '</td>' +
         '<td style="color:var(--muted);font-size:12px">' + fmtDur(run.duration_seconds) + '</td>' +
         '<td class="sparkline-cell"><canvas id="' + sparkId + '" width="80" height="30"></canvas></td>' +
-        '<td style="text-align:center"><a href="run.html?r=' + encodeURIComponent(run.run_id) + '&p=' + encodeURIComponent(projectName) + '" style="white-space:nowrap">View →</a></td>' +
       '</tr>';
     }).join('');
 
+    document.getElementById('historyTableBody').innerHTML = rows;
+
+    // Draw sparklines after DOM update
     setTimeout(function() {
       for (var sid in sparklineIds) {
         var canvas = document.getElementById(sid);
@@ -956,30 +1055,6 @@
         });
       }
     }, 60);
-
-    return '<div class="section">' +
-      '<div class="section-head">' +
-        '<h3>All Test File Runs</h3>' +
-        '<span style="font-size:13px;color:var(--muted)">' + recentRuns.length + ' recent runs across ' + names.length + ' test ' + plural(names.length, 'file') + '</span>' +
-      '</div>' +
-      '<div class="section-body-flush">' +
-        '<table class="hist-table">' +
-          '<thead><tr>' +
-            '<th style="width:90px">Date</th>' +
-            '<th style="width:60px">Time</th>' +
-            '<th>Test File</th>' +
-            '<th style="width:100px">Tag</th>' +
-            '<th style="width:80px">Pass Rate</th>' +
-            '<th style="width:60px">Tests</th>' +
-            '<th style="width:60px">Failed</th>' +
-            '<th style="width:80px">Duration</th>' +
-            '<th style="width:90px">Trend</th>' +
-            '<th style="width:70px"></th>' +
-          '</tr></thead>' +
-          '<tbody>' + rows + '</tbody>' +
-        '</table>' +
-      '</div>' +
-    '</div>';
   }
 
   /* ═══════════════════════════════════════════════════
@@ -1142,7 +1217,9 @@
     }
 
     document.getElementById('pageTitle').textContent = proj.name;
-    document.getElementById('lastRun').textContent   = 'Last run ' + relTime(proj.last_run);
+    const lastRunEl = document.getElementById('lastRun');
+    lastRunEl.textContent = 'Last run ' + relTime(proj.last_run);
+    lastRunEl.title = 'All times shown in your local timezone';
     document.title = proj.name + ' - Test Dashboard';
 
     const analytics = proj.analytics || {};
@@ -1166,6 +1243,11 @@
       if (totalEl) animateCounter(totalEl, lastReg ? lastReg.total_tests : 0, 0);
       if (failEl)  animateCounter(failEl,  lastReg ? lastReg.failed : 0, 0);
 
+      // Render history table body if data exists
+      if (historyData.runs.length > 0) {
+        renderHistoryTableBody();
+      }
+
       // Draw charts after DOM settles
       setTimeout(function() { drawCharts(proj); }, 60);
     });

{test_reporting-3.6.0 → test_reporting-3.6.2}/reporting/templates/run.html

@@ -6,7 +6,7 @@
   <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
   <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
-  <title>Run Details - Test Dashboard</title>
+  <title>Run Details - Test Result Dashboard</title>
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
@@ -413,7 +413,9 @@
     document.title = (run.suite_name || 'Run') + ' - Test Dashboard';
     document.getElementById('pageTitle').textContent =
       (run.suite_name || 'Run') + '  ·  ' + (run.project_name || '');
-    document.getElementById('runTime').textContent = fmtDate(run.timestamp);
+    var runTimeEl = document.getElementById('runTime');
+    runTimeEl.textContent = fmtDate(run.timestamp);
+    runTimeEl.title = 'Time shown in your local timezone';
 
     var backHref = projectName
       ? 'project.html?p=' + encodeURIComponent(projectName)

{test_reporting-3.6.0 → test_reporting-3.6.2}/setup.py

@@ -9,7 +9,7 @@ with open("README.md", "r", encoding="utf-8") as fh:
 
 setup(
     name='test-reporting',
-    version='3.6.0',
+    version='3.6.2',
     description='Multi-project test reporting dashboard — collect results locally or push to S3',
     long_description=long_description,
     long_description_content_type="text/markdown",

{test_reporting-3.6.0 → test_reporting-3.6.2/test_reporting.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: test-reporting
-Version: 3.6.0
+Version: 3.6.2
 Summary: Multi-project test reporting dashboard — collect results locally or push to S3
 Home-page: https://github.com/amahdy77/test-reporting.git
 Author: Ashfaqur Mahdy