Backend for css rule tracking

third_party/WebKit/Source/devtools/front_end/audits/AuditRules.js

 /*

[valih, 2016/10/31 18:59:05]

this file is a mistake... ignore the changes here

[caseq, 2016/10/31 19:06:06]

let's revert it from the next one then :-)

  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
  * copyright notice, this list of conditions and the following disclaimer
@@ skipping 354 matching lines @@
     /**
      * @override
      * @param {!WebInspector.Target} target
      * @param {!Array.<!WebInspector.NetworkRequest>} requests
      * @param {!WebInspector.AuditRuleResult} result
      * @param {function(?WebInspector.AuditRuleResult)} callback
      * @param {!WebInspector.Progress} progress
      */
     doRun: function(target, requests, result, callback, progress)
     {
+        WebInspector.CSSModel.fromTarget(target).startSelectorRecording(true);
         var domModel = WebInspector.DOMModel.fromTarget(target);
         var cssModel = WebInspector.CSSModel.fromTarget(target);
         if (!domModel || !cssModel) {
             callback(null);
             return;
         }
 
         /**
          * @param {!Array.<!WebInspector.AuditRules.ParsedStyleSheet>} styleSheets
          */
@@ skipping 19 matching lines @@
             /**
              * @param {!Array.<!WebInspector.AuditRules.ParsedStyleSheet>} styleSheets
              */
             function selectorsCallback(styleSheets)
             {
                 if (progress.isCanceled()) {
                     callback(null);
                     return;
                 }
 
-                var inlineBlockOrdinal = 0;
-                var totalStylesheetSize = 0;
-                var totalUnusedStylesheetSize = 0;
-                var summary;
+                WebInspector.CSSModel.fromTarget(target).ruleListPromise().then(ruleListReceived);
 
-                for (var i = 0; i < styleSheets.length; ++i) {
-                    var styleSheet = styleSheets[i];
-                    var unusedRules = [];
-                    for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) {
-                        var rule = styleSheet.rules[curRule];
-                        if (!testedSelectors[rule.selectorText] || foundSelectors[rule.selectorText])
+                function ruleListReceived(usedRulesList) {
+
+                    var inlineBlockOrdinal = 0;
+                    var totalStylesheetSize = 0;
+                    var totalUnusedStylesheetSize = 0;
+                    var summary;
+
+                    function getRange(range, URL) {
+                        return [range.startLine, range.startColumn, URL];
+                    }
+
+                    var cssModel = WebInspector.CSSModel.fromTarget(target);
+
+                    var testedRules = {};
+                    for (var i = 0; i < usedRulesList.length; ++i) {
+                        if (usedRulesList[i].wasUsed) {
+                            var styleSheetHeader = cssModel.styleSheetHeaderForId(usedRulesList[i].styleSheetId);
+                            testedRules[getRange(usedRulesList[i].range, styleSheetHeader.sourceURL)] = 1;
+                        }
+                    }
+
+                    for (var i = 0; i < styleSheets.length; ++i) {
+                        var styleSheet = styleSheets[i];
+                        var unusedRules = [];
+
+                        for (var curRule = 0; curRule < styleSheet.rules.length; ++curRule) {
+                            var rule = styleSheet.rules[curRule];
+
+                            if (testedRules[getRange(rule.styleRange, styleSheet.sourceURL)])
+                                continue;
+                            unusedRules.push(rule);
+                        }
+
+                        totalStylesheetSize += styleSheet.rules.length;
+                        totalUnusedStylesheetSize += unusedRules.length;
+
+                        if (!unusedRules.length)
                             continue;
-                        unusedRules.push(rule.selectorText);
+
+                        var resource = WebInspector.resourceForURL(styleSheet.sourceURL);
+                        var isInlineBlock = resource && resource.request && resource.request.resourceType() === WebInspector.resourceTypes.Document;
+                        var url = !isInlineBlock ? WebInspector.AuditRuleResult.linkifyDisplayName(styleSheet.sourceURL) : WebInspector.UIString("Inline block #%d", ++inlineBlockOrdinal);
+                        var pctUnused = Math.round(100 * unusedRules.length / styleSheet.rules.length);
+                        if (!summary)
+                            summary = result.addChild("", true);
+                        var entry = summary.addFormatted("%s: %d% is not used by the current page.", url, pctUnused);
+
+                        for (var j = 0; j < unusedRules.length; ++j)
+                            entry.addSnippet(unusedRules[j].selectorText + "  Line: " + unusedRules[j].styleRange.startLine);
+
+                        result.violationCount += unusedRules.length;
                     }
-                    totalStylesheetSize += styleSheet.rules.length;
-                    totalUnusedStylesheetSize += unusedRules.length;
 
-                    if (!unusedRules.length)
-                        continue;
+                    if (!totalUnusedStylesheetSize)
+                        return callback(null);
 
-                    var resource = WebInspector.resourceForURL(styleSheet.sourceURL);
-                    var isInlineBlock = resource && resource.request && resource.request.resourceType() === WebInspector.resourceTypes.Document;
-                    var url = !isInlineBlock ? WebInspector.AuditRuleResult.linkifyDisplayName(styleSheet.sourceURL) : WebInspector.UIString("Inline block #%d", ++inlineBlockOrdinal);
-                    var pctUnused = Math.round(100 * unusedRules.length / styleSheet.rules.length);
-                    if (!summary)
-                        summary = result.addChild("", true);
-                    var entry = summary.addFormatted("%s: %d% is not used by the current page.", url, pctUnused);
+                    var totalUnusedPercent = Math.round(100 * totalUnusedStylesheetSize / totalStylesheetSize);
+                    summary.value = WebInspector.UIString("%s rules (%d%) of CSS not used by the current page.", totalUnusedStylesheetSize, totalUnusedPercent);
 
-                    for (var j = 0; j < unusedRules.length; ++j)
-                        entry.addSnippet(unusedRules[j]);
-
-                    result.violationCount += unusedRules.length;
+                    callback(result);
                 }
-
-                if (!totalUnusedStylesheetSize)
-                    return callback(null);
-
-                var totalUnusedPercent = Math.round(100 * totalUnusedStylesheetSize / totalStylesheetSize);
-                summary.value = WebInspector.UIString("%s rules (%d%) of CSS not used by the current page.", totalUnusedStylesheetSize, totalUnusedPercent);
-
-                callback(result);
             }
 
             /**
              * @param {?function()} boundSelectorsCallback
              * @param {string} selector
              * @param {?DOMAgent.NodeId} nodeId
              */
             function queryCallback(boundSelectorsCallback, selector, nodeId)
             {
                 if (nodeId)
@@ skipping 1089 matching lines @@
         result.violationCount = badUrls.length;
     },
 
     _collectorCallback: function(matchingResourceData, request, cookie)
     {
         matchingResourceData[request.url] = (matchingResourceData[request.url] || 0) + cookie.size();
     },
 
     __proto__: WebInspector.AuditRules.CookieRuleBase.prototype
 };