Merge pull request #26 from reach2jeyan/25-ability-to-search-related-cases-by-link-ids

Ability to search by test name or pytest mark link content

Author: reach2jeyan

README.md

@@ -6,32 +6,46 @@ A powerful, plug-and-play Pytest plugin to generate **HTML + JSON reports**, det
 
 ## ✨ Features
 
-🧩 Unified Test Reports: Get a single, easy-to-read HTML report summarizing all your test results — no hassle, just clarity.
+#### 🧩 Unified Test Reports: Get a single, easy-to-read HTML report summarizing all your test results — no hassle, just clarity.
 
-🔄 Flaky Test Detection: Automatically flags flaky tests so you can spot and fix inconsistent failures quickly.
+#### 🔄 Flaky Test Detection: Automatically flags flaky tests so you can spot and fix inconsistent failures quickly.
 
 ![Screenshot 2025-05-28 at 3 43 17 PM](https://github.com/user-attachments/assets/6fd7a419-58c1-4651-96f7-093ced1f02ee)
 
-📸 Screenshot Support: View screenshots directly in the report to understand failures faster.
+#### 📸 Screenshot Support: View screenshots directly in the report to understand failures faster.
 
-📝 Comprehensive output capture: All your test logs with loggers, print() statements, and screenshots are automatically captured and embedded in the report...
+#### 📝 Comprehensive output capture: All your test logs with loggers, print() statements, and screenshots are automatically captured and embedded in the report...
 
 ![ezgif-744a5d34a4c46d](https://github.com/user-attachments/assets/209cd2c0-d33b-48ec-b58b-8c8991ce35be)
 
-📧 Email Test Reports: Send your reports via email effortlessly using SendGrid integration.
+#### 📧 Email Test Reports: Send your reports via email effortlessly using SendGrid integration.
 
 ![Screenshot 2025-05-28 at 4 38 49 PM](https://github.com/user-attachments/assets/3f40e206-5dfd-45e9-a511-4dd206cf3318)
 
-🐢 Spot Slow Tests: Highlights the slowest tests so you know where to optimize your suite.
+#### 🐢 Spot Slow Tests: Highlights the slowest tests so you know where to optimize your suite.
 
 ![ezgif-64896277dcf8f8](https://github.com/user-attachments/assets/f5616a07-0dd9-40ed-aa9a-cf9adee3a0b8)
 
-⏱️ Sort & Filter: Easily sort tests by duration or filter by custom tags and skip status to focus on what matters.
+#### ⏱️ Sort & Filter: Easily sort tests by duration or filter by custom tags and skip status to focus on what matters.
 
 ![ezgif-3056394be0e9a4](https://github.com/user-attachments/assets/bb60c50a-4709-42f3-8571-19cbd76a93cf)
 
-🔗 Enhance your test reports by embedding clickable links directly beside each test: 
-Effortlessly jump to related tickets, documentation, or external tools right from your pytest reporter plus!
+#### 🔍 Universal Test Search + Smart Link Navigation
+
+Whether you're trying to trace coverage or track unlinked test cases — this search has your back!
+
+Just start typing, and the dashboard will instantly filter tests by: 
+
+✅ Test name
+
+✅ Linked issue/documentation IDs (like JIRA, Testmo, Notion, etc.)
+
+✅ Custom URLs or keywords present in the links
+
+
+![Screen Recording 2025-06-01 at 2 48 08 PM](https://github.com/user-attachments/assets/057441ac-06a3-421f-aafc-915968a90463)
+
+
 
 
 ---

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "pytest-reporter-plus"
-version = "0.1.9"
+version = "0.2.0"
 description = "Lightweight enhanced HTML reporter for Pytest"
 readme = "README.md"
 authors = ["Emjey","Karan"]

pytest_reporter_plus/generate_html_report.py

@@ -193,6 +193,22 @@ def generate_html_report(self):
         }}
         filterByMarkers(); // Reapply marker filter
       }}
+      function initializeUniversalSearch() {{
+    const searchInput = document.getElementById('universal-search');
+    if (!searchInput) return;
+
+    searchInput.addEventListener('input', function (e) {{
+        const filter = e.target.value.toLowerCase();
+        document.querySelectorAll('.test-card').forEach(card => {{
+            const name = card.getAttribute('data-name') || '';
+            const link = card.getAttribute('data-link') || '';
+            const isVisible = name.toLowerCase().includes(filter) || link.toLowerCase().includes(filter);
+            card.style.display = isVisible ? '' : 'none';
+        }});
+    }});
+}}
+
+document.addEventListener('DOMContentLoaded', initializeUniversalSearch);
 
       function filterByMarkers() {{
   const selected = Array.from(document.querySelectorAll('.marker-filter input[type="checkbox"]:checked')).map(cb => cb.value);
@@ -232,6 +248,15 @@ def generate_html_report(self):
         Sort by longest running tests
       </label>
     </div>
+    <div class="search-container">
+          <input
+  type="text"
+  id="universal-search"
+  placeholder="🔍 Search by anything, testname? link ids?..."
+  style="width: 100%; padding: 10px; margin-bottom: 20px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px;"
+/>
+    </div>
+
 
     <div id="markersFilter" class="marker-filter" style="margin-bottom: 1rem;">
       <strong>Filter by Markers:</strong><br/>
@@ -279,29 +304,31 @@ def generate_html_report(self):
                     f'<a href="{url}" target="_blank" '
                     f'style="background:#3498db;color:white;padding:2px 6px;'
                     f'border-radius:3px;font-weight:bold;font-size:0.85em;'
-                    f'text-decoration:none;margin-right:6px;">Link</a>'
+                    f'text-decoration:none;margin-right:6px;"> Link </a>'
                 )
 
             html += f'''
+    
             
 
-      <div class="test" data-markers="{marker_str}">
-        <div class="header {status_class}" onclick="toggleDetails(this)">
-          <span class="toggle"></span>
-          <span><strong>{test["test"]}</strong> — {test["status"].upper()}</span>
-          <span class="worker-id" style="background: #ddd; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{test["worker"]}</span>
-          <span class="worker-id" style="background: #ddd; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{flaky_badge}</span>
-          <span class="worker-id" style="background: #ddd; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{link_html}</span>
-          <span class="timestamp">⏱ {test.get("duration", 0):.2f}s</span>
-        </div>
-        <div class="details">
-          {error_html}
-          {screenshot_html}
-          {stdout_html}
-        {stderr_html}
-        {logs_html}
-        </div>
-      </div>
+      <div class="test test-card" data-name="{test['test']}" data-link="{','.join(test.get('links', []))}" data-markers="{marker_str}">
+  <div class="header {status_class}" onclick="toggleDetails(this)">
+    <span class="toggle"></span>
+    <span><strong>{test["test"]}</strong> — {test["status"].upper()}</span>
+    <span class="worker-id" style="background: #ddd; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{test["worker"]}</span>
+    <span class="worker-id" style="background: #f39c12; color:white; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{flaky_badge}</span>
+    <span class="worker-id" style="background: #3498db; color:white; border-radius: 3px; padding: 2px 5px; font-size: 0.85em; font-weight: bold;">{link_html}</span>
+    <span class="timestamp">⏱ {test.get("duration", 0):.2f}s</span>
+  </div>
+  <div class="details">
+    {error_html}
+    {screenshot_html}
+    {stdout_html}
+    {stderr_html}
+    {logs_html}
+  </div>
+</div>
+
     '''
 
         # Add summary

tests/test_initial_tests.py

@@ -10,3 +10,11 @@ def test_show_link():
 @pytest.mark.link("https://jira.company.com/testcase/12345")
 def test_show_multiplelinks():
         assert True
+@pytest.mark.link("https://github.com/reach2jeyan/pytest-reporter-plus/issues/15")
+@pytest.mark.link("https://github.com/reach2jeyan/pytest-reporter-plus/issues/25")
+def test_github_link():
+    assert True
+
+@pytest.mark.link("https://github.com/reach2jeyan/pytest-reporter-plus/issues/25")
+def test_github_link_another_case():
+    assert True