From cd5578bf57fd168e1e64ceb03b9276e869482c05 Mon Sep 17 00:00:00 2001
From: Ambuj <ambuj.m@vtigersolutions.com>
Date: Sun, 23 Nov 2025 17:51:31 +0530
Subject: [PATCH] Feat: Added a copy to clipboard features for copying the test
 id.

---
 src/layout/css/style.scss       | 40 +++++++++++++++++++++++++++++++++
 src/pytest_html/basereport.py   | 18 ++++++++++++++-
 src/pytest_html/scripts/main.js | 19 ++++++++++++++++
 3 files changed, 76 insertions(+), 1 deletion(-)

diff --git a/src/layout/css/style.scss b/src/layout/css/style.scss
index b4bf0eee..934c9104 100644
--- a/src/layout/css/style.scss
+++ b/src/layout/css/style.scss
@@ -116,6 +116,46 @@ span.xpassed,
   }
 }
 
+.col-testId {
+  position: relative;
+
+  .copy-btn {
+    margin-left: 8px;
+    padding: 3px 5px;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+    background-color: transparent;
+    cursor: pointer;
+    font-size: 0;
+    line-height: 1;
+    vertical-align: middle;
+    transition: all 0.15s ease;
+    color: #999;
+
+    svg {
+      display: block;
+      width: 12px;
+      height: 12px;
+    }
+
+    &:hover {
+      background-color: #f6f6f6;
+      border-color: #999;
+      color: #666;
+    }
+
+    &:active {
+      background-color: #e6e6e6;
+    }
+
+    &.copied {
+      background-color: #4caf4faa;
+      border-color: #4caf4faa;
+      color: white;
+    }
+  }
+}
+
 /*------------------
  * 2. Extra
  *------------------*/
diff --git a/src/pytest_html/basereport.py b/src/pytest_html/basereport.py
index cfcc74b2..58e32a1c 100644
--- a/src/pytest_html/basereport.py
+++ b/src/pytest_html/basereport.py
@@ -284,7 +284,23 @@ def _process_report(self, report, duration, processed_extras):
         ]
         cells = [
             f'<td class="col-result">{outcome}</td>',
-            f'<td class="col-testId">{test_id}</td>',
+            f"""<td class="col-testId">{test_id}
+                <button class="copy-btn"
+                        data-test-id="{test_id}"
+                        title="Copy test ID"
+                        aria-label="Copy test ID">
+                    <svg xmlns="http://www.w3.org/2000/svg"
+                         width="12" height="12"
+                         fill="currentColor"
+                         viewBox="0 0 16 16">
+                        <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0
+                            0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z"/>
+                        <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5
+                            0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5
+                            1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z"/>
+                    </svg>
+                </button>
+            </td>""",
             f'<td class="col-duration">{formatted_duration}</td>',
             f'<td class="col-links">{_process_links(links)}</td>',
         ]
diff --git a/src/pytest_html/scripts/main.js b/src/pytest_html/scripts/main.js
index f01f2eac..61354bd9 100644
--- a/src/pytest_html/scripts/main.js
+++ b/src/pytest_html/scripts/main.js
@@ -70,6 +70,10 @@ const renderContent = (tests) => {
                 find('.logexpander', row).addEventListener('click',
                     (evt) => evt.target.parentNode.classList.toggle('expanded'),
                 )
+                const copyBtn = find('.copy-btn', row)
+                if (copyBtn) {
+                    copyBtn.addEventListener('click', handleCopyTestId)
+                }
                 newTable.appendChild(row)
             }
         })
@@ -86,6 +90,21 @@ const renderDerived = () => {
     })
 }
 
+const handleCopyTestId = (evt) => {
+    evt.stopPropagation()
+    const button = evt.currentTarget
+    const testId = button.dataset.testId
+
+    navigator.clipboard.writeText(testId).then(() => {
+        button.classList.add('copied')
+        setTimeout(() => {
+            button.classList.remove('copied')
+        }, 500)
+    }).catch(() => {
+        // Silently fail if clipboard API unavailable
+    })
+}
+
 const bindEvents = () => {
     const filterColumn = (evt) => {
         const { target: element } = evt