remove lh-link

lighthouse-core/report/html/renderer/details-renderer.js

@@ -141,7 +141,7 @@ class DetailsRenderer {
       return this._renderText(text);
     }
 
-    const a = this._dom.createElement('a', 'lh-link');
+    const a = this._dom.createElement('a');
     a.rel = 'noopener';
     a.target = '_blank';
     a.textContent = text;

lighthouse-core/report/html/report-styles.css

@@ -1372,7 +1372,8 @@
   object-fit: contain;
 }
 
-a.lh-link {
+.lh-text__url > a,
+.lh-crc .crc-node__tree-value > a {
   color: inherit;
   text-decoration: none;
 }

lighthouse-core/report/html/templates.html

@@ -769,7 +769,7 @@
 
           </span>
           <span class="crc-node__tree-value">
-            <a class="lh-link crc-node__tree-file" target="_blank"><!-- fill me: node.request.url.file --></a>
+            <a class="crc-node__tree-file" target="_blank"><!-- fill me: node.request.url.file --></a>
             <span class="crc-node__tree-hostname">(<!-- fill me: node.request.url.host -->)</span>
           </span>
         </div>

lighthouse-core/test/report/html/renderer/details-renderer-test.js

@@ -385,7 +385,7 @@ describe('DetailsRenderer', () => {
       assert.equal(urlEl.localName, 'div');
       assert.equal(urlEl.title, urlText);
       assert.equal(urlEl.dataset.url, urlText);
-      assert.ok(urlEl.firstChild.classList.contains('lh-link'));
+      assert.ok(urlEl.firstChild.classList.contains('lh-text'));
       assert.equal(urlEl.textContent, displayUrlText);
     });
 
@@ -410,7 +410,7 @@ describe('DetailsRenderer', () => {
       assert.equal(urlEl.localName, 'div');
       assert.equal(urlEl.title, urlText);
       assert.equal(urlEl.dataset.url, urlText);
-      assert.ok(urlEl.firstChild.classList.contains('lh-link'));
+      assert.ok(urlEl.firstChild.classList.contains('lh-text'));
       assert.equal(urlEl.textContent, displayUrlText);
     });
 

lighthouse-core/test/report/html/renderer/report-ui-features-test.js

@@ -185,7 +185,7 @@ describe('ReportUIFeatures', () => {
 
         function getUrlsInTable() {
           return dom
-            .findAll('#uses-webp-images .lh-details .lh-text__url .lh-link:first-child', container)
+            .findAll('#uses-webp-images .lh-details .lh-text__url .lh-text:first-child', container)
             .map(el => el.textContent);
         }