DevTools: split console test for classNames

- Only 1 Console test dumps classNames: 'console-format-classes.js'
- Classes dumped with indentation

Bug: none
Change-Id: Ieb919f05e3a69f374ed6baecbaef99f66cf20e33
Reviewed-on: https://chromium-review.googlesource.com/1077747Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Commit-Queue: Erik Luo <luoe@chromium.org>
Cr-Commit-Position: refs/heads/master@{#563069}

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-format-classes-expected.txt

+Tests that console produces instant previews for arrays and objects.
+
+console-format-classes.js:30 Error: custom error with link www.chromium.org
+    at console-format-classes.js:20 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        object-value-error source-code
+          devtools-link
+          devtools-link
+console-format-classes.js:30 (6) [1, empty × 2, 2, (...), empty] 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-array source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-description
+            object-properties-preview
+              object-value-number
+              object-value-undefined
+              object-value-number
+              object-value-accessor
+              object-value-undefined
+            object-state-note info-note
+              children
+console-format-classes.js:30 {a: 1} 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-object source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-properties-preview
+              name
+              object-value-number
+            object-state-note info-note
+              children
+console-format-classes.js:30 {str: "", nan: NaN, posInf: Infinity, negInf: -Infinity, negZero: -0} 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-object source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-properties-preview
+              name
+              object-value-string
+              name
+              object-value-number
+              name
+              object-value-number
+              name
+              object-value-number
+              name
+              object-value-number
+            object-state-note info-note
+              children
+console-format-classes.js:30 {null: null, undef: undefined, regexp: /^[regexp]$/g, bool: false} 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-object source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-properties-preview
+              name
+              object-value-null
+              name
+              object-value-undefined
+              name
+              object-value-regexp
+              name
+              object-value-boolean
+            object-state-note info-note
+              children
+console-format-classes.js:30 Proxy {a: 1} 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-proxy source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-description
+            object-properties-preview
+              name
+              object-value-number
+            object-state-note info-note
+              children
+console-format-classes.js:30 HTMLAllCollection(4) [html, head, base, body] 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-array source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-description
+            object-properties-preview
+              object-value-node
+                webkit-html-tag-name
+              object-value-node
+                webkit-html-tag-name
+              object-value-node
+                webkit-html-tag-name
+              object-value-node
+                webkit-html-tag-name
+            object-state-note info-note
+              children
+console-format-classes.js:34 (7) [Error: custom error with link www.chromium.org
+    at test://evaluations/0/console-format-classes.js…, Array(6), {…}, {…}, {…}, Proxy, HTMLAllCollection(4)] 
+  console-message
+    source-code
+      console-message-anchor
+        devtools-link
+      hidden console-message-badge
+        hide-badge-title
+      console-message-text
+        console-view-object-properties-section object-value-array source-code
+          tree-outline-disclosure tree-outline-disclosure-hide-overflow
+            tree-outline source-code object-properties-section
+              parent object-properties-section-root-element
+                selection fill
+          console-object console-object-preview
+            object-description
+            object-properties-preview
+              object-value-error
+              object-value-array
+              object-value-object
+              object-value-object
+              object-value-object
+              object-value-proxy
+              object-value-array
+            object-state-note info-note
+              children
+

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-format-classes.js

+// Copyright 2018 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+(async function() {
+  TestRunner.addResult(`Tests that console produces instant previews for arrays and objects.\n`);
+  await TestRunner.loadModule('console_test_runner');
+  await TestRunner.showPanel('console');
+  await TestRunner.evaluateInPagePromise(`
+      const objWithGetter = {a: 1, __proto__: 2};
+      Object.defineProperty(objWithGetter, "foo", {enumerable: true, get: function() { return {a:1,b:2}; }});
+      Object.defineProperty(objWithGetter, "bar", {enumerable: false, set: function(x) { this.baz = x; }});
+
+      const arrayWithGetter = [1];
+      arrayWithGetter[3] = 2;
+      Object.defineProperty(arrayWithGetter, 4, {enumerable: true, get: function() { return 1; }});
+      Object.defineProperty(arrayWithGetter, 5, {enumerable: false, set: function(x) { this.baz = x; }});
+
+      const tests = [
+        new Error('custom error with link www.chromium.org'),
+        arrayWithGetter,
+        objWithGetter,
+        {str: "", nan: NaN, posInf: Infinity, negInf: -Infinity, negZero: -0},
+        {null: null, undef: undefined, regexp: /^[regexp]$/g, bool: false},
+        new Proxy({a: 1}, {}),
+        document.all,
+      ];
+
+      for (const test of tests)
+        console.log(test);
+
+      // Arrays can preview at most 100 items.
+      for (let i = 0; i < tests.length; i += 100)
+        console.log(tests.slice(i, i + 100));
+  `);
+
+  ConsoleTestRunner.waitForRemoteObjectsConsoleMessages(onRemoteObjectsLoaded);
+  function onRemoteObjectsLoaded() {
+    ConsoleTestRunner.dumpConsoleMessages(false, true /* dumpClassNames */);
+    TestRunner.completeTest();
+  }
+})();

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-log-linkify-stack-in-errors-expected.txt

@@ -2,66 +2,66 @@ Test that console.log(new Error().stack) would linkify links in stacks for sourc
 
 foob.js:5 Error: Some test
     at namedFunction (foob.js:5)
-    at foob.js:8 console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link
+    at foob.js:8
 console-log-linkify-…ack-in-errors.js:15 Error: line
 break
     at forStack (console-log-linkify-…ack-in-errors.js:15)
-    at console-log-linkify-…ack-in-errors.js:18 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:18
 console-log-linkify-…ack-in-errors.js:34 Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
     at domError (console-log-linkify-…ack-in-errors.js:32)
-    at console-log-linkify-…ack-in-errors.js:38 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:38
 console-log-linkify-…ack-in-errors.js:45 Error: some error
     at logError (console-log-linkify-…ack-in-errors.js:43)
-    at console-log-linkify-…ack-in-errors.js:49 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > object-value-error source-code > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
-console-log-linkify-…ack-in-errors.js:51 Error message without stacks http://www.chromium.org/ console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at console-log-linkify-…ack-in-errors.js:49
+console-log-linkify-…ack-in-errors.js:51 Error message without stacks http://www.chromium.org/
 console-log-linkify-…ack-in-errors.js:53 Error valid stack #2
     at www.chromium.org/boo.js:40
-    at foo(www.chromium.org/foo.js:10) console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link
+    at foo(www.chromium.org/foo.js:10)
 console-log-linkify-…ack-in-errors.js:54 Error valid stack #3
-    at www.chromium.org/foo.js:40 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at www.chromium.org/foo.js:40
 console-log-linkify-…ack-in-errors.js:55 Error: MyError
     at throwError (www.chromium.org/foo.js:40)
     at eval (eval at <anonymous> (www.chromium.org/foo.js:42), <anonymous>:1:1)
-    at www.chromium.org/foo.js:239 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link > devtools-link
+    at www.chromium.org/foo.js:239
 console-log-linkify-…ack-in-errors.js:24 ReferenceError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:57 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:57
 console-log-linkify-…ack-in-errors.js:24 EvalError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:58 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:58
 console-log-linkify-…ack-in-errors.js:24 SyntaxError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:59 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:59
 console-log-linkify-…ack-in-errors.js:24 RangeError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:60 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:60
 console-log-linkify-…ack-in-errors.js:24 TypeError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:61 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:61
 console-log-linkify-…ack-in-errors.js:24 URIError: valid stack
     at stack2 (console-log-linkify-…ack-in-errors.js:24)
     at stack1 (console-log-linkify-…ack-in-errors.js:26)
-    at console-log-linkify-…ack-in-errors.js:62 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis > devtools-link > devtools-link-ellipsis
+    at console-log-linkify-…ack-in-errors.js:62
 console-log-linkify-…ack-in-errors.js:64 Error broken stack
     at function_name(foob.js foob.js:30)
- at foob.js:40 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link
+ at foob.js:40
 console-log-linkify-…ack-in-errors.js:65 Error broken stack #2
-    at function_name(foob.js:20 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at function_name(foob.js:20
 console-log-linkify-…ack-in-errors.js:66 Error broken stack #3
-    at function_name(foob:20.js:30   bla console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at function_name(foob:20.js:30   bla
 console-log-linkify-…ack-in-errors.js:67 Error broken stack #4
-    at function_name)foob.js:20:30( console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at function_name)foob.js:20:30(
 console-log-linkify-…ack-in-errors.js:68 Error broken stack #5
-    at function_name foob.js:20:30) console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at function_name foob.js:20:30)
 console-log-linkify-…ack-in-errors.js:69 Error broken stack #6
-    at foob.js foob.js:40 console-message > source-code > console-message-anchor > devtools-link > devtools-link-ellipsis > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link
+    at foob.js foob.js:40
 stack-with-sourceMap.coffee:3 Error
     at Failure.letsFailWithStack (stack-with-sourceMap.coffee:3)
     at window.failure (stack-with-sourceMap.coffee:7)
-    at <anonymous>:1:1 console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > devtools-link > devtools-link
+    at <anonymous>:1:1
 

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-log-linkify-stack-in-errors.js

@@ -78,7 +78,7 @@
   }
 
   function dumpMessages() {
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
+    ConsoleTestRunner.dumpConsoleMessages();
     TestRunner.completeTest();
   }
 })();

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-log-object-with-getter-expected.txt

@@ -3,7 +3,7 @@ Tests that console logging dumps object values defined by getters and allows to
 console-log-object-with-getter.js:30 {}
 console-log-object-with-getter.js:31 (2) [(...), empty]
 console-log-object-with-getter.js:32 {}
-console-log-object-with-getter.js:30 {}foo: Objectget foo: ƒ ()set bar: ƒ (x)__proto__: Object console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-object source-code expanded > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element expanded > selection fill > console-object console-object-preview > object-properties-preview > object-state-note info-note > children expanded > parent > name > object-value-object value > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-object value > children
-console-log-object-with-getter.js:31 (2) [(...), empty]0: 1length: 2get 0: ƒ ()set 1: ƒ (x)__proto__: Array(0) console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-array source-code expanded > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element expanded > selection fill > console-object console-object-preview > object-description > object-properties-preview > object-value-accessor > object-value-undefined > object-state-note info-note > children expanded > name > object-value-number value > children > selection fill > name object-properties-section-dimmed > object-value-number value > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-array value > children
-console-log-object-with-getter.js:32 {}error: [Exception: Error: myError]function: [Exception: ƒ ()]number: [Exception: 123]string: [Exception: "myString"]get error: ƒ error()get function: ƒ ()get number: ƒ number()get string: ƒ string()__proto__: Object console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-object source-code expanded > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element expanded > selection fill > console-object console-object-preview > object-properties-preview > object-state-note info-note > children expanded > name > error value > object-value-error > children > name > error value > object-value-function > object-value-function-prefix > children > name > error value > object-value-number > children > name > error value > object-value-string > object-value-string-quote > object-value-string-quote > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-function value > object-value-function-prefix > children > parent > selection fill > name object-properties-section-dimmed > object-value-object value > children
+console-log-object-with-getter.js:30 {}foo: Objectget foo: ƒ ()set bar: ƒ (x)__proto__: Object
+console-log-object-with-getter.js:31 (2) [(...), empty]0: 1length: 2get 0: ƒ ()set 1: ƒ (x)__proto__: Array(0)
+console-log-object-with-getter.js:32 {}error: [Exception: Error: myError]function: [Exception: ƒ ()]number: [Exception: 123]string: [Exception: "myString"]get error: ƒ error()get function: ƒ ()get number: ƒ number()get string: ƒ string()__proto__: Object
 

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-log-object-with-getter.js

@@ -45,7 +45,7 @@
     ConsoleTestRunner.expandGettersInConsoleMessages(step5);
   }
   function step5() {
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
+    ConsoleTestRunner.dumpConsoleMessages();
     TestRunner.completeTest();
   }
 })();

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-object-preview.js

@@ -89,16 +89,12 @@
           console.log({null:null, undef:undefined, regexp: \/^[regexp]$\/g, bool: false});
   `);
 
-//   TestRunner.evaluateInPage('logToConsole()', step2);
-
-//   function step2() {
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
-    TestRunner.addResult('Expanded all messages');
-    ConsoleTestRunner.expandConsoleMessages(step3);
-//   }
+  ConsoleTestRunner.dumpConsoleMessages();
+  TestRunner.addResult('Expanded all messages');
+  ConsoleTestRunner.expandConsoleMessages(step3);
 
   function step3() {
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
+    ConsoleTestRunner.dumpConsoleMessages();
     TestRunner.completeTest();
   }
 })();

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-proxy-expected.txt

 Tests that console logging dumps proxy properly.
 
-console-proxy.js:25 Proxy {boo: 42, foo: 43} console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-proxy source-code > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element > selection fill > console-object console-object-preview > object-description > object-properties-preview > name > object-value-number > name > object-value-number > object-state-note info-note > children
-console-proxy.js:27 Proxy {boo: 42, foo: 43} console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-proxy source-code > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element > selection fill > console-object console-object-preview > object-description > object-properties-preview > name > object-value-number > name > object-value-number > object-state-note info-note > children
+console-proxy.js:25 Proxy {boo: 42, foo: 43}
+console-proxy.js:27 Proxy {boo: 42, foo: 43}
 window.accessedGet = false
 info-note display: inline-block
-console-proxy.js:25 Proxy {boo: 42, foo: 43}[[Handler]]: Object[[Target]]: Object[[IsRevoked]]: false console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-proxy source-code expanded > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element expanded > selection fill > console-object console-object-preview > object-description > object-properties-preview > name > object-value-number > name > object-value-number > object-state-note info-note > children expanded > parent > selection fill > name > object-value-object value > children > parent > selection fill > name > object-value-object value > children > selection fill > name > object-value-boolean value > children
-console-proxy.js:27 Proxy {boo: 42, foo: 43}[[Handler]]: Object[[Target]]: Proxy[[IsRevoked]]: false console-message > source-code > console-message-anchor > devtools-link > hidden console-message-badge > hide-badge-title > console-message-text > console-view-object-properties-section object-value-proxy source-code expanded > tree-outline-disclosure tree-outline-disclosure-hide-overflow > tree-outline source-code object-properties-section > parent object-properties-section-root-element expanded > selection fill > console-object console-object-preview > object-description > object-properties-preview > name > object-value-number > name > object-value-number > object-state-note info-note > children expanded > parent > selection fill > name > object-value-object value > children > parent > selection fill > name > object-value-proxy value > children > selection fill > name > object-value-boolean value > children
+console-proxy.js:25 Proxy {boo: 42, foo: 43}[[Handler]]: Object[[Target]]: Object[[IsRevoked]]: false
+console-proxy.js:27 Proxy {boo: 42, foo: 43}[[Handler]]: Object[[Target]]: Proxy[[IsRevoked]]: false
 window.accessedGet = false
 

third_party/WebKit/LayoutTests/http/tests/devtools/console/console-proxy.js

@@ -36,7 +36,7 @@
     consoleView._viewport.invalidate();
     var element = consoleView._visibleViewMessages[0].contentElement();
 
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
+    ConsoleTestRunner.dumpConsoleMessages();
     TestRunner.evaluateInPage('window.accessedGet', dumpAccessedGetAndExpand);
   }
 
@@ -49,7 +49,7 @@
     var element = Console.ConsoleView.instance()._visibleViewMessages[0].contentElement();
     dumpNoteVisible(element, 'info-note');
 
-    ConsoleTestRunner.dumpConsoleMessages(false, true);
+    ConsoleTestRunner.dumpConsoleMessages();
     TestRunner.evaluateInPage('window.accessedGet', dumpAccessedGetAndCompleteTest);
   }
 

third_party/blink/renderer/devtools/front_end/console_test_runner/ConsoleTestRunner.js

@@ -49,23 +49,32 @@ ConsoleTestRunner.dumpConsoleMessagesIntoArray = function(printOriginatingComman
 
     let classNames;
     if (dumpClassNames) {
-      classNames = [];
+      classNames = [''];
       for (let node = element.firstChild; node; node = node.traverseNextNode(element)) {
         if (node.nodeType === Node.ELEMENT_NODE && node.className) {
-          classNames.push(node.className.replace('platform-linux', 'platform-*')
-                              .replace('platform-mac', 'platform-*')
-                              .replace('platform-windows', 'platform-*'));
+          let depth = 0;
+          let depthTest = node;
+          while (depthTest !== element) {
+            if (depthTest.nodeType === Node.ELEMENT_NODE && depthTest.className)
+              depth++;
+            depthTest = depthTest.parentNodeOrShadowHost();
+          }
+          classNames.push(
+              '  '.repeat(depth) +
+              node.className.replace('platform-linux', 'platform-*')
+                  .replace('platform-mac', 'platform-*')
+                  .replace('platform-windows', 'platform-*'));
         }
       }
     }
 
     if (ConsoleTestRunner.dumpConsoleTableMessage(uiMessage, false, result)) {
       if (dumpClassNames)
-        result.push(classNames.join(' > '));
+        result.push(classNames.join('\n'));
     } else {
       let messageText = formatter(element, message);
       messageText = messageText.replace(/VM\d+/g, 'VM');
-      result.push(messageText + (dumpClassNames ? ' ' + classNames.join(' > ') : ''));
+      result.push(messageText + (dumpClassNames ? ' ' + classNames.join('\n') : ''));
     }
 
     if (printOriginatingCommand && uiMessage.consoleMessage().originatingMessage())