(DO NOT LAND) Test CSS Font Style matching

LayoutTests/inspector-protocol/layout-fonts/resources/style-matching-test.js

 function test()
 {
     var documentNodeId;
     var documentNodeSelector;
     var testSelectors = [];
     var collectedFontUsage = {};
 
+    var weights = [ 'onehundred', 'twohundred', 'threehundred',
+            'fourhundred', 'fivehundred', 'sixhundred',
+            'sevenhundred', 'eighthundred', 'ninehundred' ]
+
+    var weightsHumanReadable = [ "Thin", "Extra Light", "Light",
+                           "Normal", "Medium", "Semi Bold",
+                           "Bold", "Extra Bold", "Black" ]
+
     InspectorTest.requestDocumentNodeId(onDocumentNodeId);
 
     function onDocumentNodeId(nodeId)
     {
         documentNodeId = nodeId;
 
         InspectorTest.evaluateInInspectedPage(
             'JSON.stringify(' +
                 'Array.prototype.map.call(' +
                 'document.querySelectorAll(".test *"),' +
@@ skipping 44 matching lines @@
             InspectorTest.sendCommandOrDie("CSS.getPlatformFontsForNode", { nodeId: nodeId }, onGotComputedFonts);
         }
 
         function onGotComputedFonts(response)
         {
             collectResults(response);
             testNextPageElement();
         }
     }
 
+    function weightEqual(selectorWeight, fontWeight)
+    {
+        return weights.indexOf(selectorWeight) == weightsHumanReadable.indexOf(fontWeight);
+    }
+
+    function compareSelectorToFontname(selector, usedFontName)
+    {
+        // A selector of the form "expanded_italic_sixhundred"
+        // needs to be matched to a font name:
+        // "CSSMatchingTest Expanded Italic Semi Bold".
+        var fontStretchStyleWeight = /CSSMatchingTest (\w*) (\w*) (.*)/.exec(usedFontName);
+        var fontStrech = fontStretchStyleWeight[1];
+        var fontStyle = fontStretchStyleWeight[2];
+        var fontWeight = fontStretchStyleWeight[3];
+
+        var selectorStretchStyleWeight = selector.substr(1).split("_");
+        var selectorStrech = selectorStretchStyleWeight[0];
+        var selectorStyle = selectorStretchStyleWeight[1];
+        var selectorWeight = selectorStretchStyleWeight[2];
+
+        var mismatchDescription = "";
+
+        if (fontStrech.toLowerCase() != selectorStrech.toLowerCase()) {
+            mismatchDescription += "Stretch differs, " +
+                "requested vs actual: " +
+                selectorStrech + ", " +
+                fontStrech + "\n";
+        }
+
+        if (fontStyle.toLowerCase() != selectorStyle.toLowerCase()) {
+            mismatchDescription += "Style differs, " +
+                "requested vs actual: " +
+                selectorStyle + ", " +
+                fontStyle + "\n";
+        }
+
+        if (!weightEqual(selectorWeight, fontWeight)) {
+            mismatchDescription += "Weight differs, " +
+                selectorWeight + ", " +
+                fontWeight + "\n";
+        }
+
+        if (mismatchDescription.length) {
+            mismatchDescription = "FAIL\n" + mismatchDescription;
+        } else {
+            mismatchDescription = "PASS\n";
+        }
+        return mismatchDescription;
+    }
+
     function collectResults(response)
     {
-        var usedFonts = response.fonts;
-        usedFonts.sort(function(a, b) {
-            return b.glyphCount - a.glyphCount;
-        });
-        collectedFontUsage[documentNodeSelector] = usedFonts;
+        collectedFontUsage[documentNodeSelector] = compareSelectorToFontname(
+            documentNodeSelector,
+            response.fonts[0].familyName);
     }
 };
 
-
-function formatResult(selector, resultForSelector)
-{
-    var resultFormatted = selector + ":\n";
-    for (var i = 0; i < resultForSelector.length; i++) {
-        resultFormatted += '"' + resultForSelector[i].familyName + '"' +
-            " : " +
-            resultForSelector[i].glyphCount;
-        if (i + 1 < resultForSelector.length)
-            resultFormatted += ",\n";
-        else
-            resultFormatted += "\n\n";
-    }
-    return resultFormatted;
-}
-
 function injectCollectedResultsInPage(results)
 {
     for (nodeSelector in results) {
         var testNode = document.querySelector(nodeSelector);
         var resultElement = document.createElement("div");
         var resultTextPre = document.createElement("pre");
-        var resultText = formatResult(nodeSelector, results[nodeSelector]);
+        var resultText = nodeSelector + "\n" + results[nodeSelector] + "\n";
         var resultTextNode = document.createTextNode(resultText);
         resultTextPre.appendChild(resultTextNode);
         resultElement.appendChild(resultTextPre);
         testNode.parentNode.insertBefore(resultElement, testNode.nextSibling);
     }
 }
 
 window.addEventListener("DOMContentLoaded", function () {
     runTest();
 }, false);