| OLD | NEW |
| (Empty) |
| 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 src="edit-dom-test.js"></script> | |
| 6 <script> | |
| 7 | |
| 8 function test() | |
| 9 { | |
| 10 // Save time on style updates. | |
| 11 WebInspector.ElementsPanel.show(); | |
| 12 | |
| 13 WebInspector.StylesSidebarPane.prototype.update = function() {}; | |
| 14 WebInspector.MetricsSidebarPane.prototype.update = function() {}; | |
| 15 | |
| 16 InspectorTest.runTestSuite([ | |
| 17 function testSetUp(next) | |
| 18 { | |
| 19 InspectorTest.expandElementsTree(next); | |
| 20 }, | |
| 21 | |
| 22 function testSetAuthorShadowDOMElementAttribute(next) | |
| 23 { | |
| 24 InspectorTest.domActionTestForNodeId("testSetAuthorShadowDOMElementA
ttribute", "shadow-node-to-set-attribute", testBody, next); | |
| 25 | |
| 26 function testBody(node, done) | |
| 27 { | |
| 28 InspectorTest.editNodePartAndRun(node, "webkit-html-attribute",
"bar=\"edited attribute\"", done, true); | |
| 29 } | |
| 30 }, | |
| 31 | |
| 32 function testEditShadowDOMAsHTML(next) | |
| 33 { | |
| 34 InspectorTest.domActionTestForNodeId("testEditAuthorShadowDOMAsHTML"
, "authorShadowDOMElement", testBody, next); | |
| 35 | |
| 36 function testBody(node, done) | |
| 37 { | |
| 38 var treeOutline = InspectorTest.firstElementsTreeOutline(); | |
| 39 var treeElement = treeOutline.findTreeElement(node); | |
| 40 treeOutline._toggleEditAsHTML(node); | |
| 41 InspectorTest.runAfterPendingDispatches(step2); | |
| 42 | |
| 43 function step2() | |
| 44 { | |
| 45 InspectorTest.addResult(treeElement._editing.codeMirror.getV
alue()); | |
| 46 treeElement._editing.codeMirror.setValue("<span foo=\"shadow
-span\"><span id=\"inner-shadow-span\">Shadow span contents</span></span>"); | |
| 47 var event = InspectorTest.createKeyEvent("Enter"); | |
| 48 event.isMetaOrCtrlForTest = true; | |
| 49 treeElement._htmlEditElement.dispatchEvent(event); | |
| 50 InspectorTest.runAfterPendingDispatches(InspectorTest.expand
ElementsTree.bind(InspectorTest, done)); | |
| 51 } | |
| 52 } | |
| 53 } | |
| 54 | |
| 55 ]); | |
| 56 } | |
| 57 | |
| 58 </script> | |
| 59 </head> | |
| 60 | |
| 61 <body onload="runTest()"> | |
| 62 <p> | |
| 63 Tests that user can mutate author shadow DOM by means of elements panel. | |
| 64 </p> | |
| 65 | |
| 66 <div> | |
| 67 <div id="testEditAuthorShadowDOMAsHTML"></div> | |
| 68 | |
| 69 <div id="testSetAuthorShadowDOMElementAttribute"></div> | |
| 70 </div> | |
| 71 <script> | |
| 72 function createRootWithContents(id, html) | |
| 73 { | |
| 74 var container = document.getElementById(id); | |
| 75 var root = container.createShadowRoot(); | |
| 76 root.innerHTML = html; | |
| 77 } | |
| 78 | |
| 79 createRootWithContents("testEditAuthorShadowDOMAsHTML", "<div id='authorShadowDO
MElement'></div>"); | |
| 80 createRootWithContents("testSetAuthorShadowDOMElementAttribute", "<div foo='attr
ibute value' id='shadow-node-to-set-attribute'></div>"); | |
| 81 </script> | |
| 82 </body> | |
| 83 </html> | |
| OLD | NEW |