third_party/WebKit/LayoutTests/inspector/elements/breadcrumb-updates.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3 <head>
   4 <script src="../../http/tests/inspector/inspector-test.js"></script>
   5 <script src="../../http/tests/inspector/elements-test.js"></script>
   6 <script>
   7
   8 function changeClass()
   9 {
  10     document.getElementsByClassName("firstClass")[0].className = "anotherClass";
  11 }
  12
  13 function deleteClass()
  14 {
  15     document.getElementsByClassName("anotherClass")[0].className = "";
  16 }
  17
  18 function test()
  19 {
  20     InspectorTest.expandElementsTree(step0);
  21
  22     function step0()
  23     {
  24         InspectorTest.selectNodeWithId("target", step1);
  25     }
  26
  27     function step1()
  28     {
  29         InspectorTest.dumpBreadcrumb("Original breadcrumb");
  30         InspectorTest.addSniffer(WebInspector.ElementsBreadcrumbs.prototype, "update", step2);
  31         InspectorTest.evaluateInPage("changeClass()");
  32     }
  33
  34     function step2()
  35     {
  36         InspectorTest.dumpBreadcrumb("After class change");
  37         InspectorTest.addSniffer(WebInspector.ElementsBreadcrumbs.prototype, "update", step3);
  38         InspectorTest.evaluateInPage("deleteClass()");
  39     }
  40
  41     function step3()
  42     {
  43         InspectorTest.dumpBreadcrumb("After class removal");
  44         InspectorTest.completeTest();
  45     }
  46 }
  47
  48 </script>
  49 </head>
  50
  51 <body onload="runTest()">
  52 <p>
  53 Tests that breadcrumbs are updated upon involved element's attribute changes in the Elements panel.
  54 </p>
  55
  56 <div class="firstClass">
  57     <div id="target"></div>
  58 </div>
  59
  60 </body>
  61 </html>