third_party/WebKit/LayoutTests/inspector/elements/edit/edit-trimmed-attribute-value.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.selectNodeWithId("inspected", execute);
  10
  11     function execute()
  12     {
  13         var treeElement = InspectorTest.firstElementsTreeOutline().findTreeElement(InspectorTest.expandedNodeWithId("inspected"));
  14         var textElement = treeElement.listItemElement.getElementsByClassName("webkit-html-attribute")[0];
  15         InspectorTest.addResult("Original textContent");
  16         InspectorTest.addResult(treeElement.title.textContent);
  17
  18         treeElement._startEditingTarget(textElement);
  19         InspectorTest.addResult("textContent when editing 'href'");
  20         InspectorTest.addResult(treeElement.title.textContent);
  21
  22         textElement.dispatchEvent(InspectorTest.createKeyEvent("U+0009"));
  23         InspectorTest.addResult("textContent after moving to 'id'");
  24         InspectorTest.addResult(treeElement.title.textContent);
  25
  26         textElement = treeElement.listItemElement.getElementsByClassName("webkit-html-attribute")[1];
  27         textElement.dispatchEvent(InspectorTest.createKeyEvent("U+001B"));
  28         InspectorTest.addResult("textContent after canceling the edit (equal to the original one)");
  29         InspectorTest.addResult(treeElement.title.textContent);
  30
  31         InspectorTest.completeTest();
  32     }
  33 }
  34
  35 </script>
  36 </head>
  37
  38 <body onload="runTest()">
  39 <p>
  40 Tests that user can mutate DOM by means of elements panel.
  41 </p>
  42
  43 <div>
  44     <a href="data:text/plain;,12345678901234567890123456789012345678901234567890123456789012345678901234567890/123456789012345678901234567890123456789012345678901234567890" id="inspected">Anchor</a>
  45 </div>
  46 </body>
  47 </html>