Coverage: misc UI polish

third_party/WebKit/Source/devtools/front_end/coverage/CoverageListView.js

 // Copyright (c) 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 Coverage.CoverageListView = class extends UI.VBox {
   constructor() {
     super(true);
     /** @type {!Map<!Coverage.URLCoverageInfo, !Coverage.CoverageListView.GridNode>} */
     this._nodeForCoverageInfo = new Map();
     this.registerRequiredCSS('coverage/coverageListView.css');
@@ skipping 121 matching lines @@
 
     /**
      * @param {!DataGrid.DataGridNode} a
      * @param {!DataGrid.DataGridNode} b
      * @return {number}
      */
     function compareURL(a, b) {
       var nodeA = /** @type {!Coverage.CoverageListView.GridNode} */ (a);
       var nodeB = /** @type {!Coverage.CoverageListView.GridNode} */ (b);
 
-      return nodeA._displayURL.localeCompare(nodeB._displayURL);
+      return nodeA._url.localeCompare(nodeB._url);
     }
 
     /**
      * @param {string} fieldName
      * @param {!DataGrid.DataGridNode} a
      * @param {!DataGrid.DataGridNode} b
      * @return {number}
      */
     function compareNumericField(fieldName, a, b) {
       var nodeA = /** @type {!Coverage.CoverageListView.GridNode} */ (a);
@@ skipping 33 matching lines @@
   /**
    * @param {!Coverage.URLCoverageInfo} coverageInfo
    * @param {number} maxSize
    */
   constructor(coverageInfo, maxSize) {
     super();
     this._coverageInfo = coverageInfo;
     /** @type {number|undefined} */
     this._lastUsedSize;
     this._url = coverageInfo.url();
-    this._displayURL = new Common.ParsedURL(this._url).displayName;
     this._maxSize = maxSize;
   }
 
   /**
    * @param {number} maxSize
    * @return {boolean}
    */
   _refreshIfNeeded(maxSize) {
     if (this._lastUsedSize === this._coverageInfo.usedSize() && maxSize === this._maxSize)
       return false;
@@ skipping 36 matching lines @@
       case 'bars':
         var barContainer = cell.createChild('div', 'bar-container');
         var unusedSizeBar = barContainer.createChild('div', 'bar bar-unused-size');
         unusedSizeBar.style.width = (100 * this._coverageInfo.unusedSize() / this._maxSize).toFixed(4) + '%';
         var usedSizeBar = barContainer.createChild('div', 'bar bar-used-size');
         usedSizeBar.style.width = (100 * this._coverageInfo.usedSize() / this._maxSize).toFixed(4) + '%';
     }
     return cell;
   }
 };