| OLD | NEW |
|---|
| (Empty) | |
| 1 <html> |
| 2 <head> |
| 3 <script src="../../http/tests/inspector/inspector-test.js"></script> |
| 4 <script src="../../http/tests/inspector/console-test.js"></script> |
| 5 <script> |
| 6 |
| 7 var a = {name: "a"}; |
| 8 var b = {name: "b"}; |
| 9 var c = {name: "c"}; |
| 10 |
| 11 a.formattableBy1 = true; |
| 12 b.formattableBy2 = true; |
| 13 c.formattableBy1 = true; |
| 14 c.formattableBy2 = true; |
| 15 |
| 16 var formatter1 = { |
| 17 header: function(x) |
| 18 { |
| 19 if (!x.formattableBy1) |
| 20 return null; |
| 21 |
| 22 return ["span", {}, "Header formatted by 1 ", x.name]; |
| 23 }, |
| 24 |
| 25 hasBody: function(x) |
| 26 { |
| 27 return true; |
| 28 }, |
| 29 |
| 30 body: function(x) |
| 31 { |
| 32 return ["span", {}, "Body formatted by 1 ", x.name] |
| 33 } |
| 34 }; |
| 35 |
| 36 var formatter2 = { |
| 37 header: function(x) |
| 38 { |
| 39 if (!x.formattableBy2) |
| 40 return null; |
| 41 |
| 42 return ["span", {}, "Header formatted by 2 ", x.name]; |
| 43 }, |
| 44 |
| 45 hasBody: function(x) |
| 46 { |
| 47 return true; |
| 48 }, |
| 49 |
| 50 body: function(x) |
| 51 { |
| 52 return ["span", {}, "Body formatted by 2 ", x.name] |
| 53 } |
| 54 }; |
| 55 |
| 56 window.devtoolsFormatters = [formatter1, formatter2]; |
| 57 |
| 58 function logVars() |
| 59 { |
| 60 console.log(a); |
| 61 console.log(b); |
| 62 console.log(c); |
| 63 window.devtoolsFormatters = [formatter2, formatter1]; |
| 64 } |
| 65 |
| 66 function test() |
| 67 { |
| 68 InspectorTest.mainTarget.runtimeAgent().setCustomObjectFormatterEnabled(true
); |
| 69 InspectorTest.evaluateInPage("logVars()", expandVariablesInConsole); |
| 70 |
| 71 function expandVariablesInConsole() |
| 72 { |
| 73 var consoleView = WebInspector.ConsolePanel._view(); |
| 74 if (consoleView._needsFullUpdate) |
| 75 consoleView._updateMessageList(); |
| 76 var viewMessages = consoleView._visibleViewMessages; |
| 77 for (var i = 0; i < viewMessages.length; ++i) { |
| 78 var uiMessage = viewMessages[i]; |
| 79 var customElement = uiMessage.contentElement().querySelector("span /
deep/ .custom-expandable-section"); |
| 80 if (customElement) |
| 81 customElement.click(); |
| 82 } |
| 83 |
| 84 InspectorTest.runAfterPendingDispatches(dumpExpanded); |
| 85 } |
| 86 |
| 87 function dumpExpanded() |
| 88 { |
| 89 InspectorTest.dumpConsoleMessages(); |
| 90 InspectorTest.completeTest(); |
| 91 } |
| 92 } |
| 93 </script> |
| 94 </head> |
| 95 |
| 96 <body onload="runTest()"> |
| 97 <p>Tests that console logging dumps properly when there are multiple custom form
atters on the page</p> |
| 98 </body> |
| 99 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1072523002:
Devtools: allow multiple custom formatters (Closed)
Base URL: svn://svn.chromium.org/blink/trunk