| Index: third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
|
| diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
|
| similarity index 52%
|
| rename from third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt
|
| rename to third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
|
| index 242b8d31afe3c9a6cff4dac66b5e35322ef472f4..4c5349e8a2955afa2df9d76df11c153eb53b87fd 100644
|
| --- a/third_party/WebKit/LayoutTests/inspector-protocol/css/css-getLayoutTreeNodes-expected.txt
|
| +++ b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
|
| @@ -5,12 +5,599 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e
|
| Lets have a span
|
| Rotated text!
|
|
|
| -
|
| -LayoutTreeNodes result:
|
| {
|
| + "domNodes": [
|
| + {
|
| + "nodeType": 9,
|
| + "nodeName": "#document",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 1
|
| + ],
|
| + "documentURL": "<string>",
|
| + "baseURL": "<string>",
|
| + "layoutNodeIndex": 0
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "HTML",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 2,
|
| + 13,
|
| + 14
|
| + ],
|
| + "attributes": [],
|
| + "frameId": "<string>",
|
| + "layoutNodeIndex": 1
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "HEAD",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 3,
|
| + 4,
|
| + 6,
|
| + 7,
|
| + 8,
|
| + 9,
|
| + 11,
|
| + 12
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "STYLE",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 5
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../resources/Ahem.ttf);\n}\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "SCRIPT",
|
| + "nodeValue": "",
|
| + "attributes": [
|
| + {
|
| + "name": "type",
|
| + "value": "text/javascript"
|
| + },
|
| + {
|
| + "name": "src",
|
| + "value": "../../http/tests/inspector-protocol/inspector-protocol-test.js"
|
| + }
|
| + ]
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "SCRIPT",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 10
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "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(\"DOMSnapshot.getSnapshot\", {\"computedStyleWhitelist\": whitelist, \"depth\": -1, \"pierce\": true}, onSnapshot);\n\n function onSnapshot(response) {\n function stabilize(key, value) {\n var unstableKeys = [\"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"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "BODY",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 15,
|
| + 16,
|
| + 66
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "class",
|
| + "value": "body-class"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 2
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 17,
|
| + 18,
|
| + 20,
|
| + 21,
|
| + 34,
|
| + 35,
|
| + 37,
|
| + 38,
|
| + 52,
|
| + 53,
|
| + 62,
|
| + 63,
|
| + 65
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "style",
|
| + "value": "font-family: ahem;"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 3
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 19
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "class",
|
| + "value": "class1"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 4
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "Some Text",
|
| + "layoutNodeIndex": 5
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": " And More Text\n ",
|
| + "layoutNodeIndex": 6
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 22,
|
| + 23,
|
| + 25,
|
| + 26,
|
| + 33
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "style",
|
| + "value": "display:inline-block; width: 200px"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 7
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "P",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 24
|
| + ],
|
| + "attributes": [],
|
| + "layoutNodeIndex": 8
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "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 ",
|
| + "layoutNodeIndex": 9
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "UL",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 27,
|
| + 28,
|
| + 29,
|
| + 30,
|
| + 32
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "class",
|
| + "value": "class3"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 10
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "LI",
|
| + "nodeValue": "",
|
| + "attributes": [
|
| + {
|
| + "name": "class",
|
| + "value": "class4"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 11
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "SPAN",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 31
|
| + ],
|
| + "attributes": [],
|
| + "layoutNodeIndex": 12
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "Lets have a span",
|
| + "layoutNodeIndex": 13
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n ",
|
| + "layoutNodeIndex": 14
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n ",
|
| + "layoutNodeIndex": 15
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 36
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "style",
|
| + "value": "transform: rotateZ(90deg); width: 200px"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 16
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "Rotated text!",
|
| + "layoutNodeIndex": 17
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "IFRAME",
|
| + "nodeValue": "",
|
| + "attributes": [
|
| + {
|
| + "name": "src",
|
| + "value": "../dom/resources/simple-iframe.html"
|
| + },
|
| + {
|
| + "name": "width",
|
| + "value": "400"
|
| + },
|
| + {
|
| + "name": "height",
|
| + "value": "200"
|
| + }
|
| + ],
|
| + "frameId": "<string>",
|
| + "contentDocumentIndex": 39,
|
| + "layoutNodeIndex": 18
|
| + },
|
| + {
|
| + "nodeType": 9,
|
| + "nodeName": "#document",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 40
|
| + ],
|
| + "documentURL": "<string>",
|
| + "baseURL": "<string>",
|
| + "layoutNodeIndex": 19
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "HTML",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 41,
|
| + 46,
|
| + 47
|
| + ],
|
| + "attributes": [],
|
| + "frameId": "<string>",
|
| + "layoutNodeIndex": 20
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "HEAD",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 42,
|
| + 43,
|
| + 45
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "STYLE",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 44
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../../resources/Ahem.ttf);\n}\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "BODY",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 48,
|
| + 49,
|
| + 51
|
| + ],
|
| + "attributes": [],
|
| + "layoutNodeIndex": 21
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 50
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "style",
|
| + "value": "font-family: ahem;"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 22
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\nHello from the iframe.\n",
|
| + "layoutNodeIndex": 23
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n\n\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n ",
|
| + "layoutNodeIndex": 24
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 54,
|
| + 55,
|
| + 57,
|
| + 58,
|
| + 61
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "id",
|
| + "value": "shadow-host"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 25
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "STYLE",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 56
|
| + ],
|
| + "attributes": []
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n:host {\n color: red;\n}\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "DIV",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 59
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "style",
|
| + "value": "font-family: ahem;"
|
| + }
|
| + ],
|
| + "layoutNodeIndex": 26
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "H1",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 60
|
| + ],
|
| + "attributes": [],
|
| + "layoutNodeIndex": 27
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "Hi!",
|
| + "layoutNodeIndex": 28
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n "
|
| + },
|
| + {
|
| + "nodeType": 1,
|
| + "nodeName": "SCRIPT",
|
| + "nodeValue": "",
|
| + "childNodeIndexes": [
|
| + 64
|
| + ],
|
| + "attributes": [
|
| + {
|
| + "name": "type",
|
| + "value": "text/javascript"
|
| + }
|
| + ]
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "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 "
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n"
|
| + },
|
| + {
|
| + "nodeType": 3,
|
| + "nodeName": "#text",
|
| + "nodeValue": "\n\n\n"
|
| + }
|
| + ],
|
| "layoutTreeNodes": [
|
| {
|
| - "nodeId": 1,
|
| + "domNodeIndex": 0,
|
| "boundingBox": {
|
| "x": 0,
|
| "y": 0,
|
| @@ -19,7 +606,7 @@ LayoutTreeNodes result:
|
| }
|
| },
|
| {
|
| - "nodeId": 2,
|
| + "domNodeIndex": 1,
|
| "boundingBox": {
|
| "x": 0,
|
| "y": 0,
|
| @@ -29,7 +616,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 0
|
| },
|
| {
|
| - "nodeId": 9,
|
| + "domNodeIndex": 14,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 8,
|
| @@ -39,7 +626,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 1
|
| },
|
| {
|
| - "nodeId": 10,
|
| + "domNodeIndex": 16,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 8,
|
| @@ -49,7 +636,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 1
|
| },
|
| {
|
| - "nodeId": 11,
|
| + "domNodeIndex": 18,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 8,
|
| @@ -59,7 +646,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 2
|
| },
|
| {
|
| - "nodeId": 12,
|
| + "domNodeIndex": 19,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 8,
|
| @@ -82,7 +669,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 3
|
| },
|
| {
|
| - "nodeId": 13,
|
| + "domNodeIndex": 20,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 568,
|
| @@ -105,7 +692,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 3
|
| },
|
| {
|
| - "nodeId": 14,
|
| + "domNodeIndex": 21,
|
| "boundingBox": {
|
| "x": 232,
|
| "y": 24,
|
| @@ -115,7 +702,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 4
|
| },
|
| {
|
| - "nodeId": 15,
|
| + "domNodeIndex": 23,
|
| "boundingBox": {
|
| "x": 232,
|
| "y": 40,
|
| @@ -125,7 +712,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 5
|
| },
|
| {
|
| - "nodeId": 16,
|
| + "domNodeIndex": 24,
|
| "boundingBox": {
|
| "x": 232,
|
| "y": 40,
|
| @@ -448,7 +1035,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 3
|
| },
|
| {
|
| - "nodeId": 17,
|
| + "domNodeIndex": 26,
|
| "boundingBox": {
|
| "x": 232,
|
| "y": 536,
|
| @@ -458,7 +1045,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 6
|
| },
|
| {
|
| - "nodeId": 18,
|
| + "domNodeIndex": 28,
|
| "boundingBox": {
|
| "x": 272,
|
| "y": 536,
|
| @@ -468,7 +1055,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 7
|
| },
|
| {
|
| - "nodeId": 19,
|
| + "domNodeIndex": 30,
|
| "boundingBox": {
|
| "x": 272,
|
| "y": 552,
|
| @@ -478,7 +1065,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 8
|
| },
|
| {
|
| - "nodeId": 20,
|
| + "domNodeIndex": 31,
|
| "boundingBox": {
|
| "x": 272,
|
| "y": 552,
|
| @@ -511,7 +1098,29 @@ LayoutTreeNodes result:
|
| "styleIndex": 8
|
| },
|
| {
|
| - "nodeId": 21,
|
| + "domNodeIndex": 32,
|
| + "boundingBox": {
|
| + "x": 0,
|
| + "y": 0,
|
| + "width": 0,
|
| + "height": 0
|
| + },
|
| + "layoutText": "\n ",
|
| + "styleIndex": 3
|
| + },
|
| + {
|
| + "domNodeIndex": 34,
|
| + "boundingBox": {
|
| + "x": 0,
|
| + "y": 0,
|
| + "width": 0,
|
| + "height": 0
|
| + },
|
| + "layoutText": "\n ",
|
| + "styleIndex": 3
|
| + },
|
| + {
|
| + "domNodeIndex": 35,
|
| "boundingBox": {
|
| "x": 92,
|
| "y": 516,
|
| @@ -521,7 +1130,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 9
|
| },
|
| {
|
| - "nodeId": 22,
|
| + "domNodeIndex": 36,
|
| "boundingBox": {
|
| "x": 92,
|
| "y": 516,
|
| @@ -554,7 +1163,7 @@ LayoutTreeNodes result:
|
| "styleIndex": 10
|
| },
|
| {
|
| - "nodeId": 23,
|
| + "domNodeIndex": 38,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 632,
|
| @@ -564,14 +1173,130 @@ LayoutTreeNodes result:
|
| "styleIndex": 11
|
| },
|
| {
|
| - "nodeId": 25,
|
| + "domNodeIndex": 39,
|
| + "boundingBox": {
|
| + "x": 0,
|
| + "y": 0,
|
| + "width": 400,
|
| + "height": 200
|
| + }
|
| + },
|
| + {
|
| + "domNodeIndex": 40,
|
| + "boundingBox": {
|
| + "x": 10,
|
| + "y": 634,
|
| + "width": 400,
|
| + "height": 200
|
| + },
|
| + "styleIndex": 12
|
| + },
|
| + {
|
| + "domNodeIndex": 47,
|
| + "boundingBox": {
|
| + "x": 18,
|
| + "y": 642,
|
| + "width": 384,
|
| + "height": 184
|
| + },
|
| + "styleIndex": 13
|
| + },
|
| + {
|
| + "domNodeIndex": 49,
|
| + "boundingBox": {
|
| + "x": 18,
|
| + "y": 642,
|
| + "width": 384,
|
| + "height": 16
|
| + },
|
| + "styleIndex": 14
|
| + },
|
| + {
|
| + "domNodeIndex": 50,
|
| + "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
|
| + },
|
| + {
|
| + "domNodeIndex": 52,
|
| + "boundingBox": {
|
| + "x": 0,
|
| + "y": 0,
|
| + "width": 0,
|
| + "height": 0
|
| + },
|
| + "layoutText": "\n ",
|
| + "styleIndex": 3
|
| + },
|
| + {
|
| + "domNodeIndex": 53,
|
| "boundingBox": {
|
| "x": 8,
|
| "y": 857,
|
| "width": 769,
|
| "height": 33
|
| },
|
| - "styleIndex": 12
|
| + "styleIndex": 15
|
| + },
|
| + {
|
| + "domNodeIndex": 58,
|
| + "boundingBox": {
|
| + "x": 8,
|
| + "y": 857,
|
| + "width": 769,
|
| + "height": 33
|
| + },
|
| + "styleIndex": 15
|
| + },
|
| + {
|
| + "domNodeIndex": 59,
|
| + "boundingBox": {
|
| + "x": 8,
|
| + "y": 857,
|
| + "width": 769,
|
| + "height": 33
|
| + },
|
| + "styleIndex": 15
|
| + },
|
| + {
|
| + "domNodeIndex": 60,
|
| + "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
|
| }
|
| ],
|
| "computedStyles": [
|
| @@ -911,6 +1636,90 @@ LayoutTreeNodes result:
|
| }
|
| ]
|
| },
|
| + {
|
| + "properties": [
|
| + {
|
| + "name": "transform",
|
| + "value": "none"
|
| + },
|
| + {
|
| + "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": [
|
| {
|
| @@ -938,6 +1747,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)"
|
| + }
|
| + ]
|
| }
|
| ]
|
| }
|
|
|