From a53185387c4f0dca8eacd87612e5cb0995de95d6 Mon Sep 17 00:00:00 2001
From: Nyall Dawson <nyall.dawson@gmail.com>
Date: Tue, 3 Sep 2024 15:36:55 +1000
Subject: [PATCH] Make it easy to copy commands from test image report

---
 src/core/qgsrenderchecker.cpp |  3 +-
 tests/test_report_header.html | 52 +++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/src/core/qgsrenderchecker.cpp b/src/core/qgsrenderchecker.cpp
index 7ac799a9284..750c96aca13 100644
--- a/src/core/qgsrenderchecker.cpp
+++ b/src/core/qgsrenderchecker.cpp
@@ -497,7 +497,8 @@ bool QgsRenderChecker::compareImages( const QString &testName, const QString &re
                                    "</table>\n"
                                    "<script>\naddComparison(\"td-%1-%7\",\"%3\",\"file://%4\",%5,%6);\n</script>\n"
                                    "<p>If the new image looks good, create or update a test mask with<br>"
-                                   "<code>scripts/generate_test_mask_image.py \"%8\" \"%9\"</code>" )
+                                   "<code onclick=\"copyToClipboard(this)\" class=\"copy-code\" data-tooltip=\"Click to copy\">scripts/generate_test_mask_image.py \"%8\" \"%9\"</code>"
+                                 )
                                  .arg( testName,
                                        diffImageFileName,
                                        renderedImageFileName,
diff --git a/tests/test_report_header.html b/tests/test_report_header.html
index 9a7d22ab762..457e2609b65 100644
--- a/tests/test_report_header.html
+++ b/tests/test_report_header.html
@@ -1,3 +1,55 @@
+<style>
+.copy-code {
+    position: relative;
+    cursor: pointer;
+    padding: 2px 4px;
+    background-color: #f0f0f0;
+    border-radius: 4px;
+}
+.copy-code:active {
+    background-color: #c0c0c0;
+}
+.copy-code:hover {
+    background-color: #e0e0e0;
+}
+
+.copy-code::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    bottom: 125%;
+    left: 50%;
+    transform: translate(-50%, 250%);
+    background-color: #333;
+    color: white;
+    padding: 5px 10px;
+    border-radius: 4px;
+    font-size: 14px;
+    white-space: nowrap;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s, visibility 0.3s;
+}
+.copy-code:hover::after {
+    opacity: 1;
+    visibility: visible;
+}
+
+</style>
+
+<script>
+function copyToClipboard(element) {
+    const text = element.innerText;
+    navigator.clipboard.writeText(text).then(() => {
+        const originalTooltip = element.getAttribute('data-tooltip');
+        element.setAttribute('data-tooltip', 'Copied!');
+        setTimeout(() => {
+            element.setAttribute('data-tooltip', originalTooltip);
+        }, 1000);
+    }).catch(err => {
+        console.error('Failed to copy text: ', err);
+    });
+}
+</script>
 <h1>Test results</h1>
 <h3>Settings</h3>
 <table>