| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 3 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 4 <script src="../../../http/tests/inspector/elements-test.js"></script> | 4 <script src="../../../http/tests/inspector/elements-test.js"></script> |
| 5 <script src="../../../http/tests/inspector/debugger-test.js"></script> | 5 <script src="../../../http/tests/inspector/debugger-test.js"></script> |
| 6 <script> | 6 <script> |
| 7 | 7 |
| 8 function appendElement(parentId, childId) | 8 function appendElement(parentId, childId) |
| 9 { | 9 { |
| 10 var child = document.createElement("div"); | 10 var child = document.createElement("div"); |
| (...skipping 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 65 return authorShadowRoot().getElementById(id); | 65 return authorShadowRoot().getElementById(id); |
| 66 } | 66 } |
| 67 | 67 |
| 68 function appendElementToAuthorShadowTree(parentId, childId) | 68 function appendElementToAuthorShadowTree(parentId, childId) |
| 69 { | 69 { |
| 70 var child = document.createElement("div"); | 70 var child = document.createElement("div"); |
| 71 child.id = childId; | 71 child.id = childId; |
| 72 authorShadowElement(parentId).appendChild(child); | 72 authorShadowElement(parentId).appendChild(child); |
| 73 } | 73 } |
| 74 | 74 |
| 75 function appendElementToAuthorShadowRoot(childId) | 75 function appendElementToOpenShadowRoot(childId) |
| 76 { | 76 { |
| 77 var child = document.createElement("div"); | 77 var child = document.createElement("div"); |
| 78 child.id = childId; | 78 child.id = childId; |
| 79 authorShadowRoot().appendChild(child); | 79 authorShadowRoot().appendChild(child); |
| 80 } | 80 } |
| 81 | 81 |
| 82 function test() | 82 function test() |
| 83 { | 83 { |
| 84 | 84 |
| 85 var pane = WebInspector.domBreakpointsSidebarPane; | 85 var pane = WebInspector.domBreakpointsSidebarPane; |
| (...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 249 function testInsertChildIntoAuthorShadowTree(next) | 249 function testInsertChildIntoAuthorShadowTree(next) |
| 250 { | 250 { |
| 251 InspectorTest.shadowRootByHostId("hostElement", callback); | 251 InspectorTest.shadowRootByHostId("hostElement", callback); |
| 252 | 252 |
| 253 function callback(node) | 253 function callback(node) |
| 254 { | 254 { |
| 255 authorShadowRoot = node; | 255 authorShadowRoot = node; |
| 256 InspectorTest.addResult("Test that 'Subtree Modified' breakpoint
on author shadow root is hit when appending a child."); | 256 InspectorTest.addResult("Test that 'Subtree Modified' breakpoint
on author shadow root is hit when appending a child."); |
| 257 pane._setBreakpoint(authorShadowRoot, pane._breakpointTypes.Subt
reeModified, true); | 257 pane._setBreakpoint(authorShadowRoot, pane._breakpointTypes.Subt
reeModified, true); |
| 258 InspectorTest.addResult("Set 'Subtree Modified' DOM breakpoint o
n author shadow root."); | 258 InspectorTest.addResult("Set 'Subtree Modified' DOM breakpoint o
n author shadow root."); |
| 259 InspectorTest.evaluateInPageWithTimeout("appendElementToAuthorSh
adowRoot('childElement')"); | 259 InspectorTest.evaluateInPageWithTimeout("appendElementToOpenShad
owRoot('childElement')"); |
| 260 InspectorTest.addResult("Append childElement to author shadow ro
ot."); | 260 InspectorTest.addResult("Append childElement to author shadow ro
ot."); |
| 261 InspectorTest.waitUntilPausedAndDumpStackAndResume(next); | 261 InspectorTest.waitUntilPausedAndDumpStackAndResume(next); |
| 262 } | 262 } |
| 263 }, | 263 }, |
| 264 | 264 |
| 265 function testReloadWithShadowElementBreakpoint(next) | 265 function testReloadWithShadowElementBreakpoint(next) |
| 266 { | 266 { |
| 267 InspectorTest.nodeWithId("outerElement", step1); | 267 InspectorTest.nodeWithId("outerElement", step1); |
| 268 | 268 |
| 269 function step1(node) | 269 function step1(node) |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 306 </div> | 306 </div> |
| 307 | 307 |
| 308 <div id="hostElement"></div> | 308 <div id="hostElement"></div> |
| 309 <script> | 309 <script> |
| 310 var root = document.getElementById("hostElement").createShadowRoot(); | 310 var root = document.getElementById("hostElement").createShadowRoot(); |
| 311 root.innerHTML = "<div id='outerElement' style='red'><input id='input'/></div>"; | 311 root.innerHTML = "<div id='outerElement' style='red'><input id='input'/></div>"; |
| 312 </script> | 312 </script> |
| 313 | 313 |
| 314 </body> | 314 </body> |
| 315 </html> | 315 </html> |
| OLD | NEW |