[DevTools] Better label for async function call stacks

third_party/WebKit/Source/devtools/front_end/sources/CallStackSidebarPane.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 63 matching lines @@
         if (!details) {
             WebInspector.context.setFlavor(WebInspector.DebuggerModel.CallFrame, null);
             return;
         }
         this._debuggerModel = details.debuggerModel;
         var asyncStackTrace = details.asyncStackTrace;
 
         this._appendSidebarCallFrames(this._callFramesFromDebugger(details.callFrames));
         var topStackHidden = (this._hiddenCallFrames === this.callFrames.length);
 
+        const asyncFunctionDesription = "async function";
         while (asyncStackTrace) {
-            var title = WebInspector.asyncStackTraceLabel(asyncStackTrace.description);
+            var title = "";
+            if (asyncStackTrace.description === asyncFunctionDesription && asyncStackTrace.callFrames.length > 1) {
+                var redundantFrame = asyncStackTrace.callFrames.shift();

[dgozman, 2016/10/20 21:37:07]

Let's move model mutation to DebuggerModel.

[kozy, 2016/10/20 22:21:07]

Done.

+                var topFrame = asyncStackTrace.callFrames[0];
+                var redundantFrameName = WebInspector.beautifyFunctionName(redundantFrame.functionName);
+                var topFrameName = WebInspector.beautifyFunctionName(topFrame.functionName);
+                title = topFrameName + " awaits " + redundantFrameName;
+            } else {
+                title = WebInspector.asyncStackTraceLabel(asyncStackTrace.description);
+            }
             var asyncCallFrame = new WebInspector.UIList.Item(title, "", true);
             asyncCallFrame.setHoverable(false);
             asyncCallFrame.element.addEventListener("contextmenu", this._asyncCallFrameContextMenu.bind(this, this.callFrames.length), true);
             this._appendSidebarCallFrames(this._callFramesFromRuntime(asyncStackTrace.callFrames, asyncCallFrame), asyncCallFrame);
             asyncStackTrace = asyncStackTrace.parent;
         }
 
         if (topStackHidden)
             this._revealHiddenCallFrames();
         if (this._hiddenCallFrames) {
@@ skipping 392 matching lines @@
         var uiLocation = liveLocation.uiLocation();
         if (!uiLocation)
             return;
         var text = uiLocation.linkText();
         this.setSubtitle(text.trimMiddle(30));
         this.subtitleElement.title = text;
     },
 
     __proto__: WebInspector.UIList.Item.prototype
 }