From 0dce8ea7bffaacec6dd36778edaf032c97bf14d9 Mon Sep 17 00:00:00 2001
From: Hebert <hebertjulio@yahoo.com.br>
Date: Wed, 9 Jun 2021 14:15:06 -0300
Subject: [PATCH] Added the link icon to copy anchor URL (#319)

---
 CHANGELOG.md                  |  1 +
 scanapi/templates/report.html | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d4bd2e39..ac2c12fd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [Unreleased]
 ### Added
 - Show on report the scanapi version used to generate it. [#386](https://github.com/scanapi/scanapi/pull/386)
+- Link icon to copy anchor URL. [#398](https://github.com/scanapi/scanapi/pull/398)
 
 ### Fixed
 - Error making request when request has no body and there is a `report::hide_request::body` configuration. [#393](https://github.com/scanapi/scanapi/pull/393)
diff --git a/scanapi/templates/report.html b/scanapi/templates/report.html
index a95c5a16..a5d32ae2 100644
--- a/scanapi/templates/report.html
+++ b/scanapi/templates/report.html
@@ -383,6 +383,10 @@
             outline: none;
         }
 
+        .copy__link_anchor_url {
+            width: 15px;
+        }
+
         .bg_green{
             background-color: green!important;
             color: white;
@@ -415,7 +419,10 @@ <h1 class="title__name">Report generated for your API</h1>
         <div class="endpoint" id="endpoint_{{ loop.index | string }}">
             <input type="checkbox" class="endpoint__checkbox" id="chck_{{ loop.index | string }}" />
             <label class="endpoint__title" for="chck_{{ loop.index | string }}">
-                <span class="endpoint__url"><span class="http_method">{{request.method}}</span> {{ request.path_url }}</span>
+                <span class="endpoint__url">
+                    <img data-anchor="endpoint_{{ loop.index | string }}" class="copy__link_anchor_url" src="https://scanapi.s3.us-east-2.amazonaws.com/assets/images/icons/link.svg">
+                    <span class="http_method">{{request.method}}</span> {{ request.path_url }}
+                </span>
                 <span class="endpoint__titleInfo">
                     {{ response.status_code }}
                     <span class="endpoint__status endpoint__status--{{endpoint_status_label}}">
@@ -660,6 +667,23 @@ <h3 class="tests__summaryTitle">Tests Summary</h3>
                     }
                 })
             })
+
+            /* 
+             * Copying anchor URL.
+             */
+
+            var copy_anchor_button = document.querySelectorAll('.copy__link_anchor_url');
+
+            copy_anchor_button.forEach(function(elem) {
+                elem.addEventListener('click', function(evt) {
+                    evt.preventDefault();
+                    var _this_button = this;
+                    var anchor = _this_button.dataset.anchor;
+                    var location = document.location;
+                    var anchor_url = location.protocol + '//' + location.pathname + '#' + anchor;
+                    copyToClipBoard(anchor_url, _this_button);
+                });
+            });
         </script>
         <script>
             function openAnchoredEndpoint(){