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