| <html> |
| <head> |
| |
| <script src="../../http/tests/inspector/inspector-test.js"></script> |
| <script src="../../http/tests/inspector/elements-test.js"></script> |
| <script src="set-outer-html-test.js"></script> |
| <script> |
| |
| function onload() |
| { |
| document.getElementById("identity").wrapperIdentity = "identity"; |
| runTest(); |
| } |
| |
| function test() |
| { |
| InspectorTest.runTestSuite([ |
| function testSetUp(next) |
| { |
| InspectorTest.setUpTestSuite(next); |
| }, |
| |
| function testChangeMultipleThings(next) |
| { |
| var text = InspectorTest.containerText.replace(/<li>.*<\/li>/, ""); |
| text = text.replace("<h2>", "<h2 foo=\"bar\" bar=\"baz\">"); |
| InspectorTest.setOuterHTMLUseUndo(text, next); |
| }, |
| |
| function testChangeNestingLevel(next) |
| { |
| var text = InspectorTest.containerText.replace("<ul>", "<div><ul>"); |
| var text = text.replace("</ul>", "</ul></div>"); |
| InspectorTest.setOuterHTMLUseUndo(text, next); |
| }, |
| |
| function testSwapNodes(next) |
| { |
| var text = InspectorTest.containerText.replace("<h2>Getting involved</h2>", ""); |
| var text = text.replace("</div>", "<h2>Getting involved</h2></div>"); |
| InspectorTest.setOuterHTMLUseUndo(text, next); |
| }, |
| |
| function testEditTwoRoots(next) |
| { |
| var text = InspectorTest.containerText + "<div>Additional node</div>"; |
| InspectorTest.setOuterHTMLUseUndo(text, next); |
| }, |
| |
| function testDupeNode(next) |
| { |
| InspectorTest.patchOuterHTML("<h2>Getting involved</h2>", "<h2>Getting involved</h2><h2>Getting involved</h2>", next); |
| } |
| ]); |
| } |
| </script> |
| </head> |
| |
| <body onload="onload()"> |
| <p> |
| Tests undo for the DOMAgent.setOuterHTML protocol method (part 2). |
| </p> |
| |
| <div id="container" style="display:none"> |
| <p>WebKit is used by <a href="http://www.apple.com/safari/">Safari</a>, Dashboard, etc..</p> |
| <h2>Getting involved</h2> |
| <p id="identity">There are many ways to get involved. You can:</p> |
| <ul> |
| <li></li> |
| </ul> |
| <ul> |
| <li></li> |
| </ul> |
| </div> |
| |
| </body> |
| </html> |