third_party/WebKit/LayoutTests/inspector/elements/styles-1/edit-value-with-trimmed-url.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../../http/tests/inspector/elements-test.js"></script>
   5 <script>
   6
   7 function test()
   8 {
   9     InspectorTest.selectNodeAndWaitForStyles("inspected", step1);
  10
  11     function step1()
  12     {
  13         var treeElement = InspectorTest.getElementStylePropertyTreeItem("background");
  14         InspectorTest.addResult("Viewing 'background' value in Styles:");
  15         InspectorTest.addResult(treeElement.valueElement.textContent);
  16
  17         treeElement.startEditing(treeElement.valueElement);
  18         InspectorTest.addResult("Editing 'background' value in Styles:");
  19         InspectorTest.addResult(treeElement.valueElement.textContent);
  20         InspectorTest.completeTest();
  21     }
  22 }
  23
  24 </script>
  25 </head>
  26
  27 <body onload="runTest()">
  28 <p>
  29 Tests that editing a CSS property value in the Styles pane restores the original, non-trimmed value text. <a href="https://bugs.webkit.org/show_bug.cgi?id=107936">Bug 107936</a>.
  30 </p>
  31
  32 <div id="inspected" style="background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) repeat-y 50% top" />
  33
  34 </body>
  35 </html>