src/third_party/WebKit/LayoutTests/inspector/elements/styles/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     WebInspector.showPanel("elements");
  10     InspectorTest.selectNodeAndWaitForStyles("inspected", step1);
  11
  12     function step1()
  13     {
  14         var treeElement = InspectorTest.getElementStylePropertyTreeItem("background");
  15         InspectorTest.addResult("Viewing 'background' value in Styles:");
  16         InspectorTest.addResult(treeElement.valueElement.textContent);
  17
  18         treeElement.startEditing(treeElement.valueElement);
  19         InspectorTest.addResult("Editing 'background' value in Styles:");
  20         InspectorTest.addResult(treeElement.valueElement.textContent);
  21         InspectorTest.completeTest();
  22     }
  23 }
  24
  25 </script>
  26 </head>
  27
  28 <body onload="runTest()">
  29 <p>
  30 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>.
  31 </p>
  32
  33 <div id="inspected" style="background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) repeat-y 50% top" />
  34
  35 </body>
  36 </html>