third_party/WebKit/LayoutTests/inspector/sources/debugger-breakpoints/dom-breakpoints.html - Issue 2286413003: DevTools: refactor DOMBreakpointsSidebarPane to use Map and Set

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/sources/debugger-breakpoints/dom-breakpoints.html

Issue 2286413003: DevTools: refactor DOMBreakpointsSidebarPane to use Map and Set (Closed)

Patch Set: Nit Created 4 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

« no previous file with comments | « no previous file | third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js » ('j') | third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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 91 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
102 InspectorTest.waitUntilPausedAndDumpStackAndResume(next);	102 InspectorTest.waitUntilPausedAndDumpStackAndResume(next);

103 }	103 }

104 },	104 },

105	105

106 function testBreakpointToggle(next)	106 function testBreakpointToggle(next)

107 {	107 {

108 InspectorTest.addResult("Test that DOM breakpoint toggles properly u sing checkbox.");	108 InspectorTest.addResult("Test that DOM breakpoint toggles properly u sing checkbox.");

109 WebInspector.domBreakpointsSidebarPane._setBreakpoint(rootElement, p ane._breakpointTypes.AttributeModified, true);	109 WebInspector.domBreakpointsSidebarPane._setBreakpoint(rootElement, p ane._breakpointTypes.AttributeModified, true);

110 InspectorTest.addResult("Set DOM breakpoint.");	110 InspectorTest.addResult("Set DOM breakpoint.");

111 var elementId = pane._createBreakpointId(rootElement.id, pane._break pointTypes.AttributeModified);	111 var elementId = pane._createBreakpointId(rootElement.id, pane._break pointTypes.AttributeModified);

112 var element = pane._breakpointElements[elementId];	112 var element = pane._breakpointElements.get(elementId);

113 element._checkboxElement.click();	113 element._checkboxElement.click();

114 InspectorTest.addResult("Uncheck DOM breakpoint.");	114 InspectorTest.addResult("Uncheck DOM breakpoint.");

115 InspectorTest.evaluateInPagePromise("modifyAttribute('rootElement', 'data-test-breakpoint-toggle', 'foo')").then(step2);	115 InspectorTest.evaluateInPagePromise("modifyAttribute('rootElement', 'data-test-breakpoint-toggle', 'foo')").then(step2);

116 InspectorTest.addResult("DOM breakpoint should not be hit when disab led.");	116 InspectorTest.addResult("DOM breakpoint should not be hit when disab led.");

117	117

118 function step2()	118 function step2()

119 {	119 {

120 InspectorTest.addResult("Check DOM breakpoint.");	120 InspectorTest.addResult("Check DOM breakpoint.");

121 element._checkboxElement.click();	121 element._checkboxElement.click();

122 InspectorTest.evaluateInPageWithTimeout("modifyAttribute('rootEl ement', 'data-test-breakpoint-toggle', 'bar')");	122 InspectorTest.evaluateInPageWithTimeout("modifyAttribute('rootEl ement', 'data-test-breakpoint-toggle', 'bar')");

(...skipping 205 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
328 </div>	328 </div>

329	329

330 <div id="hostElement"></div>	330 <div id="hostElement"></div>

331 <script>	331 <script>

332 var root = document.getElementById("hostElement").createShadowRoot();	332 var root = document.getElementById("hostElement").createShadowRoot();

333 root.innerHTML = "<div id='outerElement' style='red'><input id='input'/></div>";	333 root.innerHTML = "<div id='outerElement' style='red'><input id='input'/></div>";

334 </script>	334 </script>

335	335

336 </body>	336 </body>

337 </html>	337 </html>

OLD	NEW