third_party/WebKit/LayoutTests/inspector/elements/edit/shadow-dom-modify-chardata.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 typeText()
   8 {
   9     var input = document.getElementById("input1");
  10     input.focus();
  11     eventSender.keyDown("B");
  12     eventSender.keyDown("a");
  13     eventSender.keyDown("r");
  14 }
  15
  16 function test()
  17 {
  18     var containerNode;
  19     WebInspector.settingForTest("showUAShadowDOM").set(true);
  20     InspectorTest.runTestSuite([
  21         function testDumpInitial(next)
  22         {
  23             function callback(node)
  24             {
  25                 containerNode = InspectorTest.expandedNodeWithId("container");
  26                 InspectorTest.addResult("========= Original ========");
  27                 InspectorTest.dumpElementsTree(containerNode);
  28                 next();
  29             }
  30             InspectorTest.expandElementsTree(callback);
  31         },
  32
  33         function testAppend(next)
  34         {
  35             InspectorTest.evaluateInPage("typeText()", callback);
  36
  37             function callback()
  38             {
  39                 InspectorTest.addResult("======== Type text =========");
  40                 InspectorTest.dumpElementsTree(containerNode);
  41                 next();
  42             }
  43         }
  44     ]);
  45 }
  46
  47 </script>
  48 </head>
  49
  50 <body onload="runTest()">
  51 <p>
  52 Tests that elements panel updates shadow dom tree structure upon typing.
  53 </p>
  54
  55 <div id="container"><input type="text" id="input1"></div>
  56
  57 </body>
  58 </html>