DevTools: Fix wrapping bugs in console

third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 102 matching lines @@
     return this._message;
   }
 
   /**
    * @param {!WebInspector.ConsoleMessage} consoleMessage
    * @return {!Element}
    */
   _buildTableMessage(consoleMessage) {
     var formattedMessage = createElement('span');
     WebInspector.appendStyle(formattedMessage, 'components/objectValue.css');
-    formattedMessage.className = 'console-message-text source-code';
+    formattedMessage.className = 'source-code';
     var anchorElement = this._buildMessageAnchor(consoleMessage);
     if (anchorElement)
       formattedMessage.appendChild(anchorElement);
 
     var table = consoleMessage.parameters && consoleMessage.parameters.length ? consoleMessage.parameters[0] : null;
     if (table)
       table = this._parameterToRemoteObject(table, this._target());
     if (!table || !table.preview)
       return formattedMessage;
 
@@ skipping 33 matching lines @@
       var rowValue = rows[i][1];
       flatValues.push(rowName);
       for (var j = 0; j < columnNames.length; ++j)
         flatValues.push(rowValue[columnNames[j]]);
     }
     columnNames.unshift(WebInspector.UIString('(index)'));
 
     if (flatValues.length) {
       this._dataGrid = WebInspector.SortableDataGrid.create(columnNames, flatValues);
 
-      var formattedResult = createElement('span');
+      var formattedResult = createElementWithClass('span', 'console-message-text');
       var tableElement = formattedResult.createChild('div', 'console-message-formatted-table');
       var dataGridContainer = tableElement.createChild('span');
       tableElement.appendChild(this._formatParameter(table, true, false));
       dataGridContainer.appendChild(this._dataGrid.element);
       formattedMessage.appendChild(formattedResult);
       this._dataGrid.renderInline();
     }
     return formattedMessage;
   }
 
@@ skipping 32 matching lines @@
               consoleMessage.parameters[0].type === 'string')
             messageElement = this._tryFormatAsError(/** @type {string} */ (consoleMessage.parameters[0].value));
           var args = consoleMessage.parameters || [consoleMessage.messageText];
           messageElement = messageElement || this._format(args);
       }
     } else if (consoleMessage.source === WebInspector.ConsoleMessage.MessageSource.Network) {
       if (consoleMessage.request) {
         messageElement = createElement('span');
         if (consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.Error ||
             consoleMessage.level === WebInspector.ConsoleMessage.MessageLevel.RevokedError) {
-          messageElement.createTextChildren(consoleMessage.request.requestMethod, ' ');
+          messageElement.createTextChild(consoleMessage.request.requestMethod + ' ');
           messageElement.appendChild(WebInspector.Linkifier.linkifyUsingRevealer(
               consoleMessage.request, consoleMessage.request.url, consoleMessage.request.url));
           if (consoleMessage.request.failed)
             messageElement.createTextChildren(' ', consoleMessage.request.localizedFailDescription);
           else
             messageElement.createTextChildren(
                 ' ', String(consoleMessage.request.statusCode), ' (', consoleMessage.request.statusText, ')');
         } else {
           var fragment = WebInspector.linkifyStringAsFragmentWithCustomLinkifier(
               consoleMessage.messageText, linkifyRequest.bind(consoleMessage));
           messageElement.appendChild(fragment);
         }
       } else {
         messageElement = this._format([consoleMessage.messageText]);
       }
     } else {
       var args = consoleMessage.parameters || [consoleMessage.messageText];
       messageElement = this._format(args);
     }
+    messageElement.classList.add('console-message-text');
 
     var formattedMessage = createElement('span');
     WebInspector.appendStyle(formattedMessage, 'components/objectValue.css');
-    formattedMessage.className = 'console-message-text source-code';
+    formattedMessage.className = 'source-code';
 
     var anchorElement = this._buildMessageAnchor(consoleMessage);
     if (anchorElement)
       formattedMessage.appendChild(anchorElement);
     formattedMessage.appendChild(messageElement);
     return formattedMessage;
 
     /**
      * @param {string} title
      * @return {!Element}
@@ skipping 33 matching lines @@
   }
 
   /**
    * @param {!WebInspector.ConsoleMessage} consoleMessage
    * @param {!WebInspector.Target} target
    * @param {!WebInspector.Linkifier} linkifier
    * @return {!Element}
    */
   _buildMessageWithStackTrace(consoleMessage, target, linkifier) {
     var toggleElement = createElementWithClass('div', 'console-message-stack-trace-toggle');
-    var triangleElement = toggleElement.createChild('div', 'console-message-stack-trace-triangle');
     var contentElement = toggleElement.createChild('div', 'console-message-stack-trace-wrapper');
 
     var messageElement = this._buildMessage(consoleMessage);
     var clickableElement = contentElement.createChild('div');
     clickableElement.appendChild(messageElement);
     var stackTraceElement = contentElement.createChild('div');
     var stackTracePreview =
         WebInspector.DOMPresentationUtils.buildStackTracePreviewContents(target, linkifier, consoleMessage.stackTrace);
     stackTraceElement.appendChild(stackTracePreview);
     stackTraceElement.classList.add('hidden');
@@ skipping 10 matching lines @@
      * @param {?Event} event
      */
     function toggleStackTrace(event) {
       if (event.target.hasSelection())
         return;
       expandStackTrace(stackTraceElement.classList.contains('hidden'));
       event.consume();
     }
 
     clickableElement.addEventListener('click', toggleStackTrace, false);
-    triangleElement.addEventListener('click', toggleStackTrace, false);
     if (consoleMessage.type === WebInspector.ConsoleMessage.MessageType.Trace)
       expandStackTrace(true);
 
     toggleElement._expandStackTraceForTest = expandStackTrace.bind(null, true);
     return toggleElement;
   }
 
   /**
    * @param {string} url
    * @param {number} lineNumber
@@ skipping 882 matching lines @@
    * @return {!Element}
    */
   toMessageElement() {
     if (!this._element) {
       super.toMessageElement();
       this._element.classList.toggle('collapsed', this._collapsed);
     }
     return this._element;
   }
 };