DevTools: format keys in object previews using sans serif.

third_party/WebKit/LayoutTests/inspector/console/console-format-expected.txt

 CONSOLE MESSAGE: line 27: test,test2,,,test4,,,,,
 CONSOLE MESSAGE: line 28: %o
 CONSOLE MESSAGE: line 29: %O
 CONSOLE MESSAGE: line 30: Test for zero "%f" in formatter
 CONSOLE MESSAGE: line 31: %% self-escape1
 CONSOLE MESSAGE: line 32: %%s self-escape2
 CONSOLE MESSAGE: line 33: %%ss self-escape3
 CONSOLE MESSAGE: line 34: %%s%s%%s self-escape4
 CONSOLE MESSAGE: line 35: %%%%% self-escape5
 CONSOLE MESSAGE: line 36: %%%s self-escape6
@@ skipping 135 matching lines @@
 error message
 ]
 globals[6]
 Error: my multiline
 error message
 console-format.html:7 
     <p id="p">Tests that console logging dumps proper messages.</p>
 console-format.html:8 [p#p]
 globals[7]
     <p id="p">Tests that console logging dumps proper messages.</p>
-console-format.html:7 function () { return 1; }
-console-format.html:8 [function]
+console-format.html:7 ƒ () { return 1; }
+console-format.html:8 [ƒ]
 globals[8]
-function () { return 1; }
-console-format.html:7 function () {
+ƒ () { return 1; }
+console-format.html:7 ƒ () {
         return 2;
     }
-console-format.html:8 [function]
+console-format.html:8 [ƒ]
 globals[9]
-function () {
+ƒ () {
         return 2;
     }
 console-format.html:7 0.12
 console-format.html:8 [0.12]
 globals[10]
 0.12
 console-format.html:7 http://webkit.org/
 console-format.html:8 ["http://webkit.org/"]
 globals[11]
 "http://webkit.org/"
@@ skipping 14 matching lines @@
     attr="value"
 console-format.html:8 [attr]
 globals[15]
     attr="value"
 console-format.html:7 
     id="x"
 console-format.html:8 [id]
 globals[16]
     id="x"
 console-format.html:7 Object {}
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
 globals[17]
 Object {}
 console-format.html:7 NaN
 console-format.html:8 [NaN]
 globals[18]
 NaN
 console-format.html:7 Infinity
 console-format.html:8 [Infinity]
 globals[19]
 Infinity
 console-format.html:7 -Infinity
 console-format.html:8 [-Infinity]
 globals[20]
 -Infinity
-console-format.html:7 (10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: Object]
+console-format.html:7 (10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: {…}]
 console-format.html:8 [Array(10)]
 globals[21]
-(10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: Object]
+(10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: {…}]
 console-format.html:7 Object {}
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
 globals[22]
 Object {}
-console-format.html:7 [function]
+console-format.html:7 [ƒ]
 console-format.html:8 [Array(1)]
 globals[23]
-[function]
+[ƒ]
 console-format.html:7 Object {bar: "bar"}
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
 globals[24]
 Object {bar: "bar"}
 console-format.html:7 
     <svg id="svg-node"></svg>
 console-format.html:8 [svg#svg-node]
 globals[25]
     <svg id="svg-node"></svg>
-console-format.html:7 Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: function…}
-console-format.html:8 [Object]
+console-format.html:7 Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: ƒ…}
+console-format.html:8 [{…}]
 globals[26]
-Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: function…}
+Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: ƒ…}
 console-format.html:7 -0
 console-format.html:8 [-0]
 globals[27]
 -0
 console-format.html:7 Object {}
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
 globals[28]
 Object {}
-console-format.html:7 function Object() { [native code] }
-console-format.html:8 [function]
+console-format.html:7 ƒ Object() { [native code] }
+console-format.html:8 [ƒ]
 globals[29]
-function Object() { [native code] }
-console-format.html:7 Object {__defineGetter__: function, __defineSetter__: function, hasOwnProperty: function, __lookupGetter__: function, __lookupSetter__: function…}
-console-format.html:8 [Object]
+ƒ Object() { [native code] }
+console-format.html:7 Object {__defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, __lookupSetter__: ƒ…}
+console-format.html:8 [{…}]
 globals[30]
-Object {__defineGetter__: function, __defineSetter__: function, hasOwnProperty: function, __lookupGetter__: function, __lookupSetter__: function…}
-console-format.html:7 function ( /**/ foo/**/, /*/**/bar,
+Object {__defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, __lookupSetter__: ƒ…}
+console-format.html:7 ƒ ( /**/ foo/**/, /*/**/bar,
     /**/baz) {}
-console-format.html:8 [function]
+console-format.html:8 [ƒ]
 globals[31]
-function ( /**/ foo/**/, /*/**/bar,
+ƒ ( /**/ foo/**/, /*/**/bar,
     /**/baz) {}
 console-format.html:7 Number {[[PrimitiveValue]]: 42}
 console-format.html:8 [Number]
 globals[32]
 Number {[[PrimitiveValue]]: 42}
 console-format.html:7 String {0: "a", 1: "b", 2: "c", length: 3, [[PrimitiveValue]]: "abc"}
 console-format.html:8 [String]
 globals[33]
 String {0: "a", 1: "b", 2: "c", length: 3, [[PrimitiveValue]]: "abc"}
 console-format.html:7 Uint16Array(3) [1, 2, 3]
@@ skipping 118 matching lines @@
 Error: my multiline
 error message
 console-format.html:7 
     <p id="p">Tests that console logging dumps proper messages.</p>
 console-format.html:8 [p#p]
     0: p#p
     length: 1
     __proto__: Array(0)
 globals[7]
     <p id="p">Tests that console logging dumps proper messages.</p>
-console-format.html:7 function () { return 1; }
-console-format.html:8 [function]
-    0: function ()
+console-format.html:7 ƒ () { return 1; }
+console-format.html:8 [ƒ]
+    0: ƒ ()
     length: 1
     __proto__: Array(0)
 globals[8]
-function () { return 1; }
-console-format.html:7 function () {
+ƒ () { return 1; }
+console-format.html:7 ƒ () {
         return 2;
     }
-console-format.html:8 [function]
-    0: function ()
+console-format.html:8 [ƒ]
+    0: ƒ ()
     length: 1
     __proto__: Array(0)
 globals[9]
-function () {
+ƒ () {
         return 2;
     }
 console-format.html:7 0.12
 console-format.html:8 [0.12]
     0: 0.12
     length: 1
     __proto__: Array(0)
 globals[10]
 0.12
 console-format.html:7 http://webkit.org/
@@ skipping 36 matching lines @@
 console-format.html:7 
     id="x"
 console-format.html:8 [id]
     0: id
     length: 1
     __proto__: Array(0)
 globals[16]
     id="x"
 console-format.html:7 Object {}
     length: (...)
-    get length: function length()
+    get length: ƒ length()
     __proto__: Object
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[17]
 Object {}
     length: (...)
-    get length: function length()
+    get length: ƒ length()
     __proto__: Object
 console-format.html:7 NaN
 console-format.html:8 [NaN]
     0: NaN
     length: 1
     __proto__: Array(0)
 globals[18]
 NaN
 console-format.html:7 Infinity
 console-format.html:8 [Infinity]
     0: Infinity
     length: 1
     __proto__: Array(0)
 globals[19]
 Infinity
 console-format.html:7 -Infinity
 console-format.html:8 [-Infinity]
     0: -Infinity
     length: 1
     __proto__: Array(0)
 globals[20]
 -Infinity
-console-format.html:7 (10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: Object]
+console-format.html:7 (10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: {…}]
     0: "test"
     1: "test2"
     4: "test4"
     foo: Object
     length: 10
     __proto__: Array(0)
 console-format.html:8 [Array(10)]
     0: Array(10)
     length: 1
     __proto__: Array(0)
 globals[21]
-(10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: Object]
+(10) ["test", "test2", undefined × 2, "test4", undefined × 5, foo: {…}]
     0: "test"
     1: "test2"
     4: "test4"
     foo: Object
     length: 10
     __proto__: Array(0)
 console-format.html:7 Object {}
     __proto__: Object
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[22]
 Object {}
     __proto__: Object
-console-format.html:7 [function]
-    0: function ()
+console-format.html:7 [ƒ]
+    0: ƒ ()
     length: 1
     __proto__: Array(0)
 console-format.html:8 [Array(1)]
     0: Array(1)
     length: 1
     __proto__: Array(0)
 globals[23]
-[function]
-    0: function ()
+[ƒ]
+    0: ƒ ()
     length: 1
     __proto__: Array(0)
 console-format.html:7 Object {bar: "bar"}
     bar: "bar"
     __proto__: Object
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[24]
 Object {bar: "bar"}
     bar: "bar"
     __proto__: Object
 console-format.html:7 
     <svg id="svg-node"></svg>
 console-format.html:8 [svg#svg-node]
     0: svg#svg-node
     length: 1
     __proto__: Array(0)
 globals[25]
     <svg id="svg-node"></svg>
-console-format.html:7 Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: function…}
+console-format.html:7 Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: ƒ…}
     enumerableProp: 4
     __underscoreEnumerableProp__: 5
     abc: 3
     bar: (...)
-    getFoo: function ()
+    getFoo: ƒ ()
     __underscoreNonEnumerableProp: 2
-    get bar: function ()
-    set bar: function (x)
+    get bar: ƒ ()
+    set bar: ƒ (x)
     __proto__: Object
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[26]
-Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: function…}
+Object {enumerableProp: 4, __underscoreEnumerableProp__: 5, __underscoreNonEnumerableProp: 2, abc: 3, getFoo: ƒ…}
     enumerableProp: 4
     __underscoreEnumerableProp__: 5
     abc: 3
     bar: (...)
-    getFoo: function ()
+    getFoo: ƒ ()
     __underscoreNonEnumerableProp: 2
-    get bar: function ()
-    set bar: function (x)
+    get bar: ƒ ()
+    set bar: ƒ (x)
     __proto__: Object
 console-format.html:7 -0
 console-format.html:8 [-0]
     0: -0
     length: 1
     __proto__: Array(0)
 globals[27]
 -0
 console-format.html:7 Object {}
     No Properties
-console-format.html:8 [Object]
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[28]
 Object {}
     No Properties
-console-format.html:7 function Object() { [native code] }
-console-format.html:8 [function]
-    0: function Object()
+console-format.html:7 ƒ Object() { [native code] }
+console-format.html:8 [ƒ]
+    0: ƒ Object()
     length: 1
     __proto__: Array(0)
 globals[29]
-function Object() { [native code] }
-console-format.html:7 Object {__defineGetter__: function, __defineSetter__: function, hasOwnProperty: function, __lookupGetter__: function, __lookupSetter__: function…}
-    constructor: function Object()
-    hasOwnProperty: function hasOwnProperty()
-    isPrototypeOf: function isPrototypeOf()
-    propertyIsEnumerable: function propertyIsEnumerable()
-    toLocaleString: function toLocaleString()
-    toString: function toString()
-    valueOf: function valueOf()
-    __defineGetter__: function __defineGetter__()
-    __defineSetter__: function __defineSetter__()
-    __lookupGetter__: function __lookupGetter__()
-    __lookupSetter__: function __lookupSetter__()
-    get __proto__: function __proto__()
-    set __proto__: function __proto__()
-console-format.html:8 [Object]
+ƒ Object() { [native code] }
+console-format.html:7 Object {__defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, __lookupSetter__: ƒ…}
+    constructor: ƒ Object()
+    hasOwnProperty: ƒ hasOwnProperty()
+    isPrototypeOf: ƒ isPrototypeOf()
+    propertyIsEnumerable: ƒ propertyIsEnumerable()
+    toLocaleString: ƒ toLocaleString()
+    toString: ƒ toString()
+    valueOf: ƒ valueOf()
+    __defineGetter__: ƒ __defineGetter__()
+    __defineSetter__: ƒ __defineSetter__()
+    __lookupGetter__: ƒ __lookupGetter__()
+    __lookupSetter__: ƒ __lookupSetter__()
+    get __proto__: ƒ __proto__()
+    set __proto__: ƒ __proto__()
+console-format.html:8 [{…}]
     0: Object
     length: 1
     __proto__: Array(0)
 globals[30]
-Object {__defineGetter__: function, __defineSetter__: function, hasOwnProperty: function, __lookupGetter__: function, __lookupSetter__: function…}
-    constructor: function Object()
-    hasOwnProperty: function hasOwnProperty()
-    isPrototypeOf: function isPrototypeOf()
-    propertyIsEnumerable: function propertyIsEnumerable()
-    toLocaleString: function toLocaleString()
-    toString: function toString()
-    valueOf: function valueOf()
-    __defineGetter__: function __defineGetter__()
-    __defineSetter__: function __defineSetter__()
-    __lookupGetter__: function __lookupGetter__()
-    __lookupSetter__: function __lookupSetter__()
-    get __proto__: function __proto__()
-    set __proto__: function __proto__()
-console-format.html:7 function ( /**/ foo/**/, /*/**/bar,
+Object {__defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, __lookupSetter__: ƒ…}
+    constructor: ƒ Object()
+    hasOwnProperty: ƒ hasOwnProperty()
+    isPrototypeOf: ƒ isPrototypeOf()
+    propertyIsEnumerable: ƒ propertyIsEnumerable()
+    toLocaleString: ƒ toLocaleString()
+    toString: ƒ toString()
+    valueOf: ƒ valueOf()
+    __defineGetter__: ƒ __defineGetter__()
+    __defineSetter__: ƒ __defineSetter__()
+    __lookupGetter__: ƒ __lookupGetter__()
+    __lookupSetter__: ƒ __lookupSetter__()
+    get __proto__: ƒ __proto__()
+    set __proto__: ƒ __proto__()
+console-format.html:7 ƒ ( /**/ foo/**/, /*/**/bar,
     /**/baz) {}
-console-format.html:8 [function]
-    0: function ( /**/ foo/**/, /*/**/bar,     /**/baz)
+console-format.html:8 [ƒ]
+    0: ƒ ( /**/ foo/**/, /*/**/bar,     /**/baz)
     length: 1
     __proto__: Array(0)
 globals[31]
-function ( /**/ foo/**/, /*/**/bar,
+ƒ ( /**/ foo/**/, /*/**/bar,
     /**/baz) {}
 console-format.html:7 Number {[[PrimitiveValue]]: 42}
     __proto__: Number
     [[PrimitiveValue]]: 42
 console-format.html:8 [Number]
     0: Number
     length: 1
     __proto__: Array(0)
 globals[32]
 Number {[[PrimitiveValue]]: 42}
@@ skipping 145 matching lines @@
 console-format.html:8 [Array(1)]
     0: Array(1)
     length: 1
     __proto__: Array(0)
 globals[42]
 ["test"]
     0: "test"
     length: 1
     __proto__: Array(0)