DevTools: refactor and fix bugs for DOMBreakpointsSidebarPane

third_party/WebKit/LayoutTests/inspector/sources/debugger-breakpoints/dom-breakpoints-expected.txt

 Tests DOM breakpoints. Bug 42886
 
 
 Running: testInsertChild
 Test that 'Subtree Modified' breakpoint is hit when appending a child.
 Set 'Subtree Modified' DOM breakpoint on rootElement.
 Append childElement to rootElement.
 Script execution paused.
 Call stack:
     0) appendElement (dom-breakpoints.html:12)
     1)  (:1)
 Paused on a "Subtree Modified" breakpoint set on div#rootElement, because a new child was added to that node.
 Script execution resumed.
 
+Running: testBreakpointToggle
+Test that 'Attribute Modified' breakpoint toggles properly.
+Set 'Attribute Modified' DOM breakpoint on rootElement.
+Uncheck 'Attribute Modified' DOM breakpoint on rootElement.
+Modify attribute for rootElement.
+Test that 'Attribute Modified' breakpoint is not hit when disabled.
+Check 'Attribute Modified' DOM breakpoint on rootElement.
+Modify attribute for rootElement.
+Test that 'Attribute Modified' breakpoint is hit when re-enabled.
+Script execution paused.
+Call stack:
+    0) modifyAttribute (dom-breakpoints.html:18)
+    1)  (:1)
+Paused on a "Attribute Modified" breakpoint set on div#rootElement.
+Script execution resumed.
+
 Running: testInsertGrandchild
 Test that 'Subtree Modified' breakpoint is hit when appending a grandchild.
 Append grandchildElement to childElement.
 Script execution paused.
 Call stack:
     0) appendElement (dom-breakpoints.html:12)
     1)  (:1)
 Paused on a "Subtree Modified" breakpoint set on div#rootElement, because a new child was added to its descendant div#childElement.
 Script execution resumed.
 
@@ skipping 26 matching lines @@
 Running: testModifyAttribute
 Test that 'Attribute Modified' breakpoint is hit when modifying attribute.
 Set 'Attribute Modified' DOM breakpoint on rootElement.
 Modify rootElement data-test attribute.
 Script execution paused.
 Call stack:
     0) modifyAttribute (dom-breakpoints.html:18)
     1)  (:1)
 Paused on a "Attribute Modified" breakpoint set on div#rootElement.
 Script execution resumed.
+Ensure the breakpoint is actually removed.
+Modify rootElement data-test attribute.
 
 Running: testModifyAttrNode
 Test that 'Attribute Modified' breakpoint is hit when modifying Attr node.
 Set 'Attribute Modified' DOM breakpoint on rootElement.
 Modify rootElement data-test attribute.
 Script execution paused.
 Call stack:
     0) modifyAttrNode (dom-breakpoints.html:24)
     1)  (:1)
 Paused on a "Attribute Modified" breakpoint set on div#rootElement.
@@ skipping 60 matching lines @@
 Set 'Subtree Modified' DOM breakpoint on outerElement.
 Page reloaded.
 Append childElement to outerElement.
 Script execution paused.
 Call stack:
     0) appendElementToAuthorShadowTree (dom-breakpoints.html:72)
     1)  (:1)
 Paused on a "Subtree Modified" breakpoint set on div#outerElement, because a new child was added to that node.
 Script execution resumed.