Merge pull request #44 from reach2jeyan/43-test-contents-not-appear-within-the-cells---024

Fixed bug  test contents not wrapped within the cell

Author: reach2jeyan

Dockerfile

@@ -22,5 +22,7 @@ RUN poetry lock
 
 RUN poetry install --with dev
 
+RUN poetry run playwright install --with-deps
+
 
 

pyproject.toml

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

pytest_reporter_plus/generate_html_report.py

@@ -306,32 +306,23 @@ def generate_html_report(self):
                     'style="background:#f39c12;color:white;padding:2px 6px;'
                     'border-radius:3px;font-weight:bold;font-size:0.85em;">FLAKY</span>'
                 )
-            link_html = ""
-            for url in test.get("links", []):
-                link_html += (
-                    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>'
-                )
-
-            html += f'''
-    
-            
 
-      <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="nodeid-badge" style="display: flex; align-items: center; gap: 6px;">
-  <code style="font-size: 0.6em; color: #555;">{test["nodeid"]}</code>
-  <button class="copy-btn"
-          onclick="event.stopPropagation(); copyToClipboard('{test["nodeid"]}')"
-          title="Copy full test path"
+            links = test.get("links", [])
+
+            if links:
+                link_html = ""
+                for url in links:
+                    link_html += (
+                        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>'
+                    )
+            else:
+                link_html = """
+                <button class="info-btn"
+          title="You can tag your tests with markers such as pytest.mark.link. Other supported markers include testcase, jira, issue, and ticket."
+          onclick="event.stopPropagation();"
           style="
             cursor: pointer;
             background: none;
@@ -340,16 +331,43 @@ def generate_html_report(self):
             padding: 0;
             line-height: 1;
           ">
-    📋
+    ℹ️
   </button>
-</span>
+                """
+
+            html += f'''
+    
+<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="nodeid-badge" style="display: flex; align-items: center; gap: 6px;">
+      <code style="font-size: 0.6em; color: #555;">{test["nodeid"]}</code>
+      <button class="copy-btn"
+              onclick="event.stopPropagation(); copyToClipboard('{test["nodeid"]}')"
+              title="Copy full test path"
+              style="
+                cursor: pointer;
+                background: none;
+                border: none;
+                font-size: 1.2em;
+                padding: 0;
+                line-height: 1;
+              ">
+        📋
+      </button>
+    </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}
@@ -387,5 +405,6 @@ def generate_html_report(self):
         with open(output_file, "w", encoding="utf-8") as f:
             f.write(html)
 
+
 if __name__ == "__main__":
     main()