Rename DOM.getLayoutTreeNodes to CSS.getLayoutTreeAndStyles

third_party/WebKit/Source/core/inspector/browser_protocol.json

 {
     "version": { "major": "1", "minor": "2" },
     "domains": [{
         "domain": "Inspector",
         "experimental": true,
         "types": [],
         "commands": [
             {
                 "name": "enable",
                 "description": "Enables inspector domain notifications.",
@@ skipping 2060 matching lines @@
                 "description": "Details of post layout rendered text positions. The exact layout should not be regarded as stable and may change between versions.",
                 "experimental": true
             },
             {
                 "id": "LayoutTreeNode",
                 "type": "object",
                 "properties": [
                     { "name": "backendNodeId", "$ref": "BackendNodeId", "description": "The BackendNodeId of the related DOM node." },
                     { "name": "boundingBox", "$ref": "Rect", "description": "The absolute position bounding box." },
                     { "name": "layoutText", "type": "string", "optional": true, "description": "Contents of the LayoutText if any" },
-                    { "name": "inlineTextNodes", "type": "array", "optional": true, "items": { "$ref": "InlineTextBox" }, "description": "The post layout inline text nodes, if any." }
+                    { "name": "inlineTextNodes", "type": "array", "optional": true, "items": { "$ref": "InlineTextBox" }, "description": "The post layout inline text nodes, if any." },
+                    { "name": "styleIndex", "type": "integer", "optional": true, "description": "Index into the computedStyles array returned by getLayoutTreeNodes." }
                 ],
                 "description": "Details of an element in the DOM tree with a LayoutObject.",
                 "experimental": true
             },
             {
+                "id": "ComputedStyleProperty",
+                "type": "object",
+                "properties": [
+                    { "name": "name", "type": "string", "description": "Computed style property name." },
+                    { "name": "value", "type": "string", "description": "Computed style property value." }
+                ],
+                "experimental": true
+            },
+            {
+                "id": "ComputedStyle",
+                "type": "object",
+                "properties": [
+                    { "name": "properties", "type": "array", "items": { "$ref": "ComputedStyleProperty" } }
+                ],
+                "description": "A subset of the full ComputedStyle as defined by the request whitelist.",
+                "experimental": true
+            },
+            {
                 "id": "RGBA",
                 "type": "object",
                 "properties": [
                     { "name": "r", "type": "integer", "description": "The red component, in the [0-255] range." },
                     { "name": "g", "type": "integer", "description": "The green component, in the [0-255] range." },
                     { "name": "b", "type": "integer", "description": "The blue component, in the [0-255] range." },
                     { "name": "a", "type": "number", "optional": true, "description": "The alpha component, in the [0-1] range (default: 1)." }
                 ],
                 "description": "A structure holding an RGBA color."
             },
@@ skipping 85 matching lines @@
                 "description": "Disables DOM agent for the given page."
             },
             {
                 "name": "getDocument",
                 "returns": [
                     { "name": "root", "$ref": "Node", "description": "Resulting node." }
                 ],
                 "description": "Returns the root DOM node to the caller."
             },
             {
                 "name": "getLayoutTreeNodes",

[dgozman, 2016/10/12 21:00:40]

I'd rename this to getLayoutTreeAndStyles and move it to CSS, and reuse types
from CSS.

[alex clarke (OOO till 29th), 2016/10/13 20:25:10]

Done.

+                "parameters": [
+                    { "name": "computedStyleWhitelist", "type": "array", "items": { "type": "string" }, "description": "Whitelist of computed styles to return." }
+                ],
                 "returns": [
-                    { "name": "layoutTreeNodes", "type": "array", "items": { "$ref": "LayoutTreeNode" } }
+                    { "name": "layoutTreeNodes", "type": "array", "items": { "$ref": "LayoutTreeNode" } },
+                    { "name": "computedStyles", "type": "array", "items": { "$ref": "ComputedStyle" } }
                 ],
-                "description": "Returns the document's LayoutTreeNodes to the caller, and those of any iframes too.",
+                "description": "For the main document and any content documents, return the LayoutTreeNodes and a whitelisted subset of the computed style.",
                 "experimental": true
             },
             {
                 "name": "collectClassNamesFromSubtree",
                 "parameters": [
                     { "name": "nodeId", "$ref": "NodeId", "description": "Id of the node to collect class names." }
                 ],
                 "returns": [
                     {"name": "classNames", "type": "array", "items": { "type": "string" }, "description": "Class name list." }
                 ],
@@ skipping 2432 matching lines @@
                 "description": "Informs that port was successfully bound and got a specified connection id.",
                 "parameters": [
                     {"name": "port", "type": "integer", "description": "Port number that was successfully bound." },
                     {"name": "connectionId", "type": "string", "description": "Connection id to be used." }
                 ],
                 "handlers": ["browser"]
             }
         ]
     }]
 }