| <html> |
| <head> |
| <script src="../../http/tests/inspector/inspector-test.js"></script> |
| <script src="../../http/tests/inspector/elements-test.js"></script> |
| <script> |
| |
| function modifyChars() |
| { |
| var node = document.getElementById("node"); |
| node.firstChild.textContent = "Bar"; |
| } |
| |
| function modifyViaRange() |
| { |
| var range = document.createRange(); |
| var referenceNode = document.getElementById("rangenode").firstChild; |
| range.selectNode(referenceNode); |
| range.setStart(referenceNode, 9); |
| range.setEnd(referenceNode, 9 + 5); |
| range.deleteContents(); |
| var span = range.startContainer.ownerDocument.createElement("span"); |
| span.innerHTML = "test"; |
| range.insertNode(span); |
| } |
| |
| function test() |
| { |
| var targetNode; |
| |
| InspectorTest.runTestSuite([ |
| function testDumpInitial(next) |
| { |
| function callback(node) |
| { |
| targetNode = node; |
| InspectorTest.addResult("========= Original for normal mutation ========"); |
| InspectorTest.dumpElementsTree(targetNode); |
| next(); |
| } |
| InspectorTest.selectNodeWithId("node", callback); |
| }, |
| |
| function testSetAttribute(next) |
| { |
| function callback() |
| { |
| InspectorTest.addResult("===== Mutated text node ====="); |
| InspectorTest.dumpElementsTree(targetNode); |
| next(); |
| } |
| InspectorTest.evaluateInPage("modifyChars()", callback); |
| }, |
| |
| function testModifyViaRange(next) |
| { |
| function callback() |
| { |
| InspectorTest.addResult("===== Contents modified via Range ====="); |
| InspectorTest.dumpElementsTree(targetNode); |
| next(); |
| } |
| function expandCallback() |
| { |
| InspectorTest.expandElementsTree(callback); |
| } |
| function selectCallback(node) |
| { |
| targetNode = node; |
| InspectorTest.addResult("========= Original for Range mutation ========"); |
| InspectorTest.dumpElementsTree(targetNode); |
| InspectorTest.evaluateInPage("modifyViaRange()", expandCallback); |
| } |
| InspectorTest.selectNodeWithId("rangenode", selectCallback); |
| } |
| ]); |
| } |
| |
| </script> |
| </head> |
| |
| <body onload="runTest()"> |
| <p> |
| Tests that elements panel updates dom tree structure upon changes to characters. |
| </p> |
| |
| <div id="node">Foo</div> |
| <div id="rangenode">Lorem ipsum dolor sit amet</div> |
| |
| </body> |
| </html> |