Make the links column sortable

Author: gnikonorov

pytest_html/plugin.py

@@ -498,7 +498,7 @@ def generate_summary_item(self):
             html.th("Result", class_="sortable result initial-sort", col="result"),
             html.th("Test", class_="sortable", col="name"),
             html.th("Duration", class_="sortable numeric", col="duration"),
-            html.th("Links"),
+            html.th("Links", class_="sortable links", col="links"),
         ]
         session.config.hook.pytest_html_results_table_header(cells=cells)
 

pytest_html/resources/main.js

@@ -32,6 +32,8 @@ function sort_column(elem) {
         key = key_num;
     } else if (elem.classList.contains('result')) {
         key = key_result;
+    } else if (elem.classList.contains('links')) {
+        key = key_link;
     } else {
         key = key_alpha;
     }
@@ -178,6 +180,13 @@ function key_num(col_index) {
     };
 }
 
+function key_link(col_index) {
+    return function(elem) {
+        dataCell = elem.childNodes[1].childNodes[col_index].firstChild
+        return dataCell == null ? "" : dataCell.innerText.toLowerCase();
+    };
+}
+
 function key_result(col_index) {
     return function(elem) {
         var strings = ['Error', 'Failed', 'Rerun', 'XFailed', 'XPassed',

testing/js_test_report.html

@@ -20,7 +20,7 @@
           <th class="sortable result initial-sort" col="result">Result</th>
           <th class="sortable" col="name">Test</th>
           <th class="sortable numeric" col="duration">Duration</th>
-          <th>Links</th></tr>
+          <th class="sortable" col=links">Links</th></tr>
         <tr hidden="true" id="not-found-message">
           <th colspan="5">No results found. Try to check the filters</th>
         </tr>