src/third_party/WebKit/LayoutTests/inspector/styles/url-color-swatch.html

   1 <html>
   2 <head>
   3 <style>
   4 #inspected {
   5     background-image: url("red green blue.jpg");
   6     color: red;
   7 }
   8 </style>
   9 <script src="../../http/tests/inspector/inspector-test.js"></script>
  10 <script src="../../http/tests/inspector/elements-test.js"></script>
  11 <script>
  12
  13 function test()
  14 {
  15     InspectorTest.selectNodeAndWaitForStyles("inspected", step1);
  16
  17     function step1()
  18     {
  19         dumpDOM(InspectorTest.getMatchedStylePropertyTreeItem("background-image"));
  20         dumpDOM(InspectorTest.getMatchedStylePropertyTreeItem("color"));
  21         InspectorTest.completeTest();
  22     }
  23
  24     function dumpDOM(treeItem)
  25     {
  26         var element = treeItem.listItemElement.getElementsByClassName("value")[0];
  27         var result = [];
  28         dumpNode(element, result);
  29         InspectorTest.addResult(result.join(""));
  30     }
  31
  32     function dumpNode(parentNode, result)
  33     {
  34         var childNodes = parentNode.childNodes;
  35         for (var i = 0; i < childNodes.length; ++i) {
  36             var node = childNodes[i];
  37             switch (node.nodeType) {
  38             case Node.ELEMENT_NODE:
  39                 if (node.classList.contains("swatch"))
  40                     result.push("[] ");
  41                 else
  42                     dumpNode(node, result);
  43                 break;
  44             case Node.TEXT_NODE:
  45                 result.push(node.nodeValue);
  46                 break;
  47             }
  48         }
  49     }
  50 }
  51
  52 </script>
  53 </head>
  54 <body onload="runTest()">
  55 <p>
  56 Tests that url(...) with space-delimited color names as filename segments do not contain color swatches. Bug <a href="http://bugs.webkit.org/show_bug.cgi?id=106770">106770</a>.
  57 </p>
  58 <div id="inspected"></div>
  59 </body>
  60 </html>