[DevTools] reworked JavaScriptBreakpointsSidebarPane.js

third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html

Index: third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html
diff --git a/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html b/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html
index 2575000b4d42d6f6c3ad43f282f268cb5fc26d5d..7704045607b19cc1ad85ee633555bb656dc16288 100644
--- a/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html
+++ b/third_party/WebKit/LayoutTests/inspector/sources/debugger-ui/script-formatter-breakpoints-2.html
@@ -34,6 +34,10 @@ var test = function()
             {
                 formattedSourceFrame = panel.visibleView;
                 InspectorTest.setBreakpoint(formattedSourceFrame, 3, "", true);
+                InspectorTest.waitBreakpointSidebarPane().then(evaluateF2);
+            }
+
+            function evaluateF2() {
                 InspectorTest.waitUntilPaused(pausedInF2);
                 InspectorTest.evaluateInPageWithTimeout("f2()");
             }
@@ -41,10 +45,11 @@ var test = function()
             function pausedInF2(callFrames)
             {
                 InspectorTest.dumpBreakpointSidebarPane("while paused in pretty printed");
+                InspectorTest.waitBreakpointSidebarPane()
+                    .then(() => InspectorTest.dumpBreakpointSidebarPane("while paused in raw"))
+                    .then(() => InspectorTest.resumeExecution(next));
                 InspectorTest.removeBreakpoint(formattedSourceFrame, 3);
                 scriptFormatter._discardFormattedUISourceCodeScript(panel.visibleView.uiSourceCode());
-                InspectorTest.dumpBreakpointSidebarPane("while paused in raw");
-                InspectorTest.resumeExecution(next);
             }
         }
     ]);