webrtc-internals: highlight failures

Highlights both ICE failure (iceconnectionstatechange -> failed)
and any error callbacks (indicated by ...OnFailure) so that they
are more visible.

BUG=678292

Review-Url: https://codereview.chromium.org/2621493002
Cr-Commit-Position: refs/heads/master@{#443523}

content/browser/resources/media/peer_connection_update_table.js

@@ -106,6 +106,14 @@ var PeerConnectionUpdateTable = (function() {
       var details = row.cells[1].childNodes[0];
       details.appendChild(valueContainer);
 
+      // Highlight ICE failures and failure callbacks.
+      if ((update.type === 'iceConnectionStateChange' &&
+           update.value === 'ICEConnectionStateFailed') ||
+          update.type.indexOf('OnFailure') !== -1 ||
+          update.type === 'addIceCandidateFailed') {
+        valueContainer.parentElement.classList.add('update-log-failure');
+      }
+
       var value = update.value;
       // map internal names and values to names and events from the
       // specification. This is a display change which shall not

content/browser/resources/media/webrtc_internals.css

@@ -14,6 +14,10 @@
   overflow: auto;
 }
 
+.update-log-failure {
+  background-color: #be2026;
+}
+
 .ssrc-info-block {
   color: #999;
   font-size: 0.8em;