Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(33)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot-expected.txt

Issue 2882193002: [devtools] Add DOMSnapshot domain for dom+layout+style snapshots. (Closed)
Patch Set: move to CSS domain, remove getLayoutTreeAndStyles Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot.html ('k') | third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes.html » ('j') | third_party/WebKit/Source/core/inspector/browser_protocol.json » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot-expected.txt
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt b/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot-expected.txt
similarity index 54%
rename from third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt
rename to third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot-expected.txt
index 242b8d31afe3c9a6cff4dac66b5e35322ef472f4..031a7993d42965bbe929a479cdfd425c04323b66 100644
--- a/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot-expected.txt
@@ -5,9 +5,504 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e
Lets have a span
Rotated text!
-
-LayoutTreeNodes result:
{
+ "domNodes": [
+ {
+ "nodeId": 5,
+ "parentId": 4,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../resources/Ahem.ttf);\n}\n"
+ },
+ {
+ "nodeId": 4,
+ "parentId": 3,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "STYLE",
+ "localName": "style",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 6,
+ "parentId": 3,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "SCRIPT",
+ "localName": "script",
+ "nodeValue": "",
+ "childNodeCount": 0,
+ "children": [],
+ "attributes": [
+ "type",
+ "text/javascript",
+ "src",
+ "../../http/tests/inspector-protocol/inspector-protocol-test.js"
+ ]
+ },
+ {
+ "nodeId": 8,
+ "parentId": 7,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n\nfunction test()\n{\n InspectorTest.sendCommand(\"DOM.enable\", {});\n\n var whitelist = [\"transform\", \"transform-origin\", \"height\", \"width\", \"display\", \"outline-color\"];\n InspectorTest.sendCommandOrDie(\"CSS.getDocumentSnapshot\", {\"computedStyleWhitelist\": whitelist, \"depth\": -1, \"pierce\": true}, onDocumentSnapshot);\n\n function onDocumentSnapshot(response) {\n function stabilize(key, value) {\n var unstableKeys = [\"backendNodeId\", \"documentURL\", \"baseURL\", \"frameId\"];\n if (unstableKeys.indexOf(key) !== -1)\n return \"<\" + typeof(value) + \">\";\n return value;\n }\n InspectorTest.log(JSON.stringify(response, stabilize, 2));\n InspectorTest.completeTest();\n }\n}\n\n"
+ },
+ {
+ "nodeId": 7,
+ "parentId": 3,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "SCRIPT",
+ "localName": "script",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 3,
+ "parentId": 2,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "HEAD",
+ "localName": "head",
+ "nodeValue": "",
+ "childNodeCount": 3,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 12,
+ "parentId": 11,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "Some Text"
+ },
+ {
+ "nodeId": 11,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "class",
+ "class1"
+ ]
+ },
+ {
+ "nodeId": 13,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": " And More Text\n "
+ },
+ {
+ "nodeId": 16,
+ "parentId": 15,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed,\n hendrerit efficitur est. Quisque gravida facilisis viverra.\n "
+ },
+ {
+ "nodeId": 15,
+ "parentId": 14,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "P",
+ "localName": "p",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 18,
+ "parentId": 17,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "LI",
+ "localName": "li",
+ "nodeValue": "",
+ "childNodeCount": 0,
+ "children": [],
+ "attributes": [
+ "class",
+ "class4"
+ ]
+ },
+ {
+ "nodeId": 20,
+ "parentId": 19,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "Lets have a span"
+ },
+ {
+ "nodeId": 19,
+ "parentId": 17,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "SPAN",
+ "localName": "span",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 17,
+ "parentId": 14,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "UL",
+ "localName": "ul",
+ "nodeValue": "",
+ "childNodeCount": 2,
+ "children": [],
+ "attributes": [
+ "class",
+ "class3"
+ ]
+ },
+ {
+ "nodeId": 14,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 2,
+ "children": [],
+ "attributes": [
+ "style",
+ "display:inline-block; width: 200px"
+ ]
+ },
+ {
+ "nodeId": 22,
+ "parentId": 21,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "Rotated text!"
+ },
+ {
+ "nodeId": 21,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "style",
+ "transform: rotateZ(90deg); width: 200px"
+ ]
+ },
+ {
+ "nodeId": 28,
+ "parentId": 27,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../../resources/Ahem.ttf);\n}\n"
+ },
+ {
+ "nodeId": 27,
+ "parentId": 26,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "STYLE",
+ "localName": "style",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 26,
+ "parentId": 25,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "HEAD",
+ "localName": "head",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 31,
+ "parentId": 30,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\nHello from the iframe.\n"
+ },
+ {
+ "nodeId": 30,
+ "parentId": 29,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "style",
+ "font-family: ahem;"
+ ]
+ },
+ {
+ "nodeId": 29,
+ "parentId": 25,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "BODY",
+ "localName": "body",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 25,
+ "parentId": 24,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "HTML",
+ "localName": "html",
+ "nodeValue": "",
+ "childNodeCount": 2,
+ "children": [],
+ "attributes": [],
+ "frameId": "<string>"
+ },
+ {
+ "nodeId": 23,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "IFRAME",
+ "localName": "iframe",
+ "nodeValue": "",
+ "childNodeCount": 0,
+ "children": [],
+ "attributes": [
+ "src",
+ "../dom/resources/simple-iframe.html",
+ "width",
+ "400",
+ "height",
+ "200"
+ ],
+ "frameId": "<string>",
+ "contentDocument": {
+ "nodeId": 24,
+ "backendNodeId": "<number>",
+ "nodeType": 9,
+ "nodeName": "#document",
+ "localName": "",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "documentURL": "<string>",
+ "baseURL": "<string>",
+ "xmlVersion": ""
+ }
+ },
+ {
+ "nodeId": 35,
+ "parentId": 34,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n:host {\n color: red;\n}\n"
+ },
+ {
+ "nodeId": 34,
+ "parentId": 33,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "STYLE",
+ "localName": "style",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 38,
+ "parentId": 37,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "Hi!"
+ },
+ {
+ "nodeId": 37,
+ "parentId": 36,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "H1",
+ "localName": "h1",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": []
+ },
+ {
+ "nodeId": 36,
+ "parentId": 33,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "style",
+ "font-family: ahem;"
+ ]
+ },
+ {
+ "nodeId": 32,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 0,
+ "children": [],
+ "attributes": [
+ "id",
+ "shadow-host"
+ ],
+ "shadowRoots": [
+ {
+ "nodeId": 33,
+ "backendNodeId": "<number>",
+ "nodeType": 11,
+ "nodeName": "#document-fragment",
+ "localName": "",
+ "nodeValue": "",
+ "childNodeCount": 2,
+ "children": [],
+ "shadowRootType": "open"
+ }
+ ]
+ },
+ {
+ "nodeId": 40,
+ "parentId": 39,
+ "backendNodeId": "<number>",
+ "nodeType": 3,
+ "nodeName": "#text",
+ "localName": "",
+ "nodeValue": "\n var host = document.querySelector(\"#shadow-host\").createShadowRoot();\n var template = document.querySelector(\"#shadow-template\");\n host.appendChild(template.content);\n template.remove();\n window.onload = runTest;\n "
+ },
+ {
+ "nodeId": 39,
+ "parentId": 10,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "SCRIPT",
+ "localName": "script",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "type",
+ "text/javascript"
+ ]
+ },
+ {
+ "nodeId": 10,
+ "parentId": 9,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "DIV",
+ "localName": "div",
+ "nodeValue": "",
+ "childNodeCount": 7,
+ "children": [],
+ "attributes": [
+ "style",
+ "font-family: ahem;"
+ ]
+ },
+ {
+ "nodeId": 9,
+ "parentId": 2,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "BODY",
+ "localName": "body",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "attributes": [
+ "class",
+ "body-class"
+ ]
+ },
+ {
+ "nodeId": 2,
+ "parentId": 1,
+ "backendNodeId": "<number>",
+ "nodeType": 1,
+ "nodeName": "HTML",
+ "localName": "html",
+ "nodeValue": "",
+ "childNodeCount": 2,
+ "children": [],
+ "attributes": [],
+ "frameId": "<string>"
+ },
+ {
+ "nodeId": 1,
+ "backendNodeId": "<number>",
+ "nodeType": 9,
+ "nodeName": "#document",
+ "localName": "",
+ "nodeValue": "",
+ "childNodeCount": 1,
+ "children": [],
+ "documentURL": "<string>",
+ "baseURL": "<string>",
+ "xmlVersion": ""
+ }
+ ],
"layoutTreeNodes": [
{
"nodeId": 1,
@@ -554,6 +1049,59 @@ LayoutTreeNodes result:
"styleIndex": 10
},
{
+ "nodeId": 25,
+ "boundingBox": {
+ "x": 10,
+ "y": 634,
+ "width": 400,
+ "height": 200
+ },
+ "styleIndex": 11
+ },
+ {
+ "nodeId": 29,
+ "boundingBox": {
+ "x": 18,
+ "y": 642,
+ "width": 384,
+ "height": 184
+ },
+ "styleIndex": 12
+ },
+ {
+ "nodeId": 30,
+ "boundingBox": {
+ "x": 18,
+ "y": 642,
+ "width": 384,
+ "height": 16
+ },
+ "styleIndex": 13
+ },
+ {
+ "nodeId": 31,
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 352,
+ "height": 16
+ },
+ "layoutText": "\nHello from the iframe.\n",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 352,
+ "height": 16
+ },
+ "startCharacterIndex": 1,
+ "numCharacters": 22
+ }
+ ],
+ "styleIndex": 3
+ },
+ {
"nodeId": 23,
"boundingBox": {
"x": 8,
@@ -561,17 +1109,60 @@ LayoutTreeNodes result:
"width": 404,
"height": 204
},
- "styleIndex": 11
+ "styleIndex": 14
},
{
- "nodeId": 25,
+ "nodeId": 36,
"boundingBox": {
"x": 8,
"y": 857,
"width": 769,
"height": 33
},
- "styleIndex": 12
+ "styleIndex": 15
+ },
+ {
+ "nodeId": 37,
+ "boundingBox": {
+ "x": 8,
+ "y": 857,
+ "width": 769,
+ "height": 33
+ },
+ "styleIndex": 15
+ },
+ {
+ "nodeId": 38,
+ "boundingBox": {
+ "x": 8,
+ "y": 857,
+ "width": 96,
+ "height": 33
+ },
+ "layoutText": "Hi!",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 8,
+ "y": 857.4375,
+ "width": 96,
+ "height": 32
+ },
+ "startCharacterIndex": 0,
+ "numCharacters": 3
+ }
+ ],
+ "styleIndex": 16
+ },
+ {
+ "nodeId": 32,
+ "boundingBox": {
+ "x": 8,
+ "y": 857,
+ "width": 769,
+ "height": 33
+ },
+ "styleIndex": 15
}
],
"computedStyles": [
@@ -891,6 +1482,90 @@ LayoutTreeNodes result:
},
{
"name": "transform-origin",
+ "value": "200px 100px"
+ },
+ {
+ "name": "height",
+ "value": "200px"
+ },
+ {
+ "name": "width",
+ "value": "400px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "192px 92px"
+ },
+ {
+ "name": "height",
+ "value": "184px"
+ },
+ {
+ "name": "width",
+ "value": "384px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "192px 8px"
+ },
+ {
+ "name": "height",
+ "value": "16px"
+ },
+ {
+ "name": "width",
+ "value": "384px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
"value": "202px 102px"
},
{
@@ -938,6 +1613,34 @@ LayoutTreeNodes result:
"value": "rgb(255, 0, 0)"
}
]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "0px 0px"
+ },
+ {
+ "name": "height",
+ "value": "auto"
+ },
+ {
+ "name": "width",
+ "value": "auto"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(255, 0, 0)"
+ }
+ ]
}
]
}
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector-protocol/css/css-getDocumentSnapshot.html ('k') | third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes.html » ('j') | third_party/WebKit/Source/core/inspector/browser_protocol.json » ('J')

Powered by Google App Engine
This is Rietveld 408576698