test-reporting 3.2.1__tar.gz → 3.2.2__tar.gz

{test_reporting-3.2.1/test_reporting.egg-info → test_reporting-3.2.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: test-reporting
-Version: 3.2.1
+Version: 3.2.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.2.1 → test_reporting-3.2.2}/reporting/templates/project.html

@@ -139,6 +139,37 @@
     .section-explain { font-size: 13px; color: var(--muted); line-height: 1.5; }
     .section-body { padding: 20px 24px; }
     .section-body-flush { }
+    
+    /* Collapsible sections with preview */
+    .section-head.collapsible { cursor: pointer; user-select: none; display: flex;
+                                 justify-content: space-between; align-items: flex-start; }
+    .section-head.collapsible:hover { background: var(--bg); }
+    .section-head-content { flex: 1; }
+    .section-toggle { color: var(--muted); font-size: 14px; transition: transform .2s;
+                      flex-shrink: 0; margin-left: 12px; margin-top: 2px; }
+    .section-toggle.collapsed { transform: rotate(-90deg); }
+    
+    /* Preview mode - show partial content */
+    .section-body-flush.preview { max-height: 200px; overflow: hidden; position: relative;
+                                   cursor: pointer; transition: max-height .3s ease; }
+    .section-body-flush.preview:hover { background: var(--blue-bg); }
+    .section-body-flush.preview::after {
+      content: 'Click to expand ▼'; position: absolute; bottom: 0; left: 0; right: 0;
+      height: 60px; display: flex; align-items: flex-end; justify-content: center;
+      padding-bottom: 12px; font-size: 13px; font-weight: 600; color: var(--blue);
+      background: linear-gradient(to bottom, transparent, var(--surface) 50%);
+      pointer-events: none; transition: opacity .2s;
+    }
+    .section-body-flush.preview:hover::after { opacity: 0.8; }
+    .section-body-flush.expanded { max-height: none; cursor: pointer; }
+    .section-body-flush.expanded:hover { background: var(--blue-bg); }
+    .section-body-flush.expanded::after {
+      content: 'Click to collapse ▲'; position: relative; display: block;
+      text-align: center; padding: 16px; font-size: 13px; font-weight: 600;
+      color: var(--blue); background: var(--bg); border-top: 1px solid var(--border);
+      transition: background .1s;
+    }
+    .section-body-flush.expanded:hover::after { background: var(--border); }
 
     /* ── Two-column grid ── */
     .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@@ -557,6 +588,16 @@
       : 'Show less ▲';
   }
 
+  function toggleSectionExpand(body) {
+    if (body.classList.contains('preview')) {
+      body.classList.remove('preview');
+      body.classList.add('expanded');
+    } else if (body.classList.contains('expanded')) {
+      body.classList.remove('expanded');
+      body.classList.add('preview');
+    }
+  }
+
   function goToRun(runId) {
     if (runId) location.href = 'run.html?r=' + encodeURIComponent(runId) + '&p=' + encodeURIComponent(projectName);
   }
@@ -632,7 +673,7 @@
           '<h3>Unreliable Tests - Flaky</h3>' +
           '<p class="section-explain">Tests that pass sometimes and fail other times without code changes. Flaky tests erode trust in your test suite.</p>' +
         '</div>' +
-        '<div class="section-body-flush">' +
+        '<div class="section-body-flush preview" onclick="toggleSectionExpand(this)">' +
           renderFlakyTable(a.flaky_tests || []) +
         '</div>' +
       '</div>' +
@@ -642,7 +683,7 @@
           '<h3>Tests That Break the Most</h3>' +
           '<p class="section-explain">Highest-priority fixes - resolving these has the biggest positive impact on your overall pass rate.</p>' +
         '</div>' +
-        '<div class="section-body-flush">' +
+        '<div class="section-body-flush preview" onclick="toggleSectionExpand(this)">' +
           renderHotspotsTable(a.failure_hotspots || []) +
         '</div>' +
       '</div>' +
@@ -652,7 +693,7 @@
           '<h3>Slowest Tests</h3>' +
           '<p class="section-explain">Tests taking the longest to run. Good candidates for optimization.</p>' +
         '</div>' +
-        '<div class="section-body-flush">' +
+        '<div class="section-body-flush preview" onclick="toggleSectionExpand(this)">' +
           renderSlowTable(a.slowest_tests || []) +
         '</div>' +
       '</div>' +
@@ -662,7 +703,7 @@
           '<h3>Tests Getting Slower</h3>' +
           '<p class="section-explain">Tests that have become significantly slower over the last 7 days. A slowing test can signal feature degradation.</p>' +
         '</div>' +
-        '<div class="section-body-flush">' +
+        '<div class="section-body-flush preview" onclick="toggleSectionExpand(this)">' +
           renderRegressionTable(a.performance_regressions || []) +
         '</div>' +
       '</div>';

{test_reporting-3.2.1 → test_reporting-3.2.2}/setup.py

@@ -9,7 +9,7 @@ with open("README.md", "r", encoding="utf-8") as fh:
 
 setup(
     name='test-reporting',
-    version='3.2.1',
+    version='3.2.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.2.1 → test_reporting-3.2.2/test_reporting.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: test-reporting
-Version: 3.2.1
+Version: 3.2.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