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

Unified Diff: third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt

Issue 2882193002: [devtools] Add DOMSnapshot domain for dom+layout+style snapshots. (Closed)
Patch Set: add domain to schema agent 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
Index: third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..70922412b25dcdc1443a8069ea2f3a9c167b2223
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/dom-snapshot/dom-snapshot-getSnapshot-expected.txt
@@ -0,0 +1,1647 @@
+Some Text
+And More Text
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.
+
+Lets have a span
+Rotated text!
+
+{
+ "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(\"DOMSnapshot.getSnapshot\", {\"computedStyleWhitelist\": whitelist, \"depth\": -1, \"pierce\": true}, onSnapshot);\n\n function onSnapshot(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,
+ "boundingBox": {
+ "x": 0,
+ "y": 0,
+ "width": 785,
+ "height": 600
+ }
+ },
+ {
+ "nodeId": 2,
+ "boundingBox": {
+ "x": 0,
+ "y": 0,
+ "width": 785,
+ "height": 911
+ },
+ "styleIndex": 0
+ },
+ {
+ "nodeId": 9,
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 769,
+ "height": 882
+ },
+ "styleIndex": 1
+ },
+ {
+ "nodeId": 10,
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 769,
+ "height": 882
+ },
+ "styleIndex": 1
+ },
+ {
+ "nodeId": 11,
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 769,
+ "height": 16
+ },
+ "styleIndex": 2
+ },
+ {
+ "nodeId": 12,
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 144,
+ "height": 16
+ },
+ "layoutText": "Some Text",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 8,
+ "y": 8,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 0,
+ "numCharacters": 9
+ }
+ ],
+ "styleIndex": 3
+ },
+ {
+ "nodeId": 13,
+ "boundingBox": {
+ "x": 8,
+ "y": 568,
+ "width": 224,
+ "height": 16
+ },
+ "layoutText": " And More Text\n ",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 8,
+ "y": 568,
+ "width": 224,
+ "height": 16
+ },
+ "startCharacterIndex": 1,
+ "numCharacters": 14
+ }
+ ],
+ "styleIndex": 3
+ },
+ {
+ "nodeId": 14,
+ "boundingBox": {
+ "x": 232,
+ "y": 24,
+ "width": 200,
+ "height": 576
+ },
+ "styleIndex": 4
+ },
+ {
+ "nodeId": 15,
+ "boundingBox": {
+ "x": 232,
+ "y": 40,
+ "width": 200,
+ "height": 480
+ },
+ "styleIndex": 5
+ },
+ {
+ "nodeId": 16,
+ "boundingBox": {
+ "x": 232,
+ "y": 40,
+ "width": 192,
+ "height": 480
+ },
+ "layoutText": "\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 ",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 40,
+ "width": 176,
+ "height": 16
+ },
+ "startCharacterIndex": 9,
+ "numCharacters": 11
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 56,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 21,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 72,
+ "width": 80,
+ "height": 16
+ },
+ "startCharacterIndex": 31,
+ "numCharacters": 5
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 88,
+ "width": 176,
+ "height": 16
+ },
+ "startCharacterIndex": 37,
+ "numCharacters": 11
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 104,
+ "width": 160,
+ "height": 16
+ },
+ "startCharacterIndex": 49,
+ "numCharacters": 10
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 120,
+ "width": 80,
+ "height": 16
+ },
+ "startCharacterIndex": 60,
+ "numCharacters": 5
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 136,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 66,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 152,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 79,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 168,
+ "width": 80,
+ "height": 16
+ },
+ "startCharacterIndex": 92,
+ "numCharacters": 5
+ },
+ {
+ "boundingBox": {
+ "x": 312,
+ "y": 168,
+ "width": 96,
+ "height": 16
+ },
+ "startCharacterIndex": 105,
+ "numCharacters": 6
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 184,
+ "width": 128,
+ "height": 16
+ },
+ "startCharacterIndex": 112,
+ "numCharacters": 8
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 200,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 121,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 216,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 131,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 232,
+ "width": 160,
+ "height": 16
+ },
+ "startCharacterIndex": 144,
+ "numCharacters": 10
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 248,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 155,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 264,
+ "width": 112,
+ "height": 16
+ },
+ "startCharacterIndex": 168,
+ "numCharacters": 7
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 280,
+ "width": 128,
+ "height": 16
+ },
+ "startCharacterIndex": 176,
+ "numCharacters": 8
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 296,
+ "width": 96,
+ "height": 16
+ },
+ "startCharacterIndex": 193,
+ "numCharacters": 6
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 312,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 200,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 328,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 210,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 344,
+ "width": 176,
+ "height": 16
+ },
+ "startCharacterIndex": 223,
+ "numCharacters": 11
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 360,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 235,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 376,
+ "width": 160,
+ "height": 16
+ },
+ "startCharacterIndex": 248,
+ "numCharacters": 10
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 392,
+ "width": 160,
+ "height": 16
+ },
+ "startCharacterIndex": 259,
+ "numCharacters": 10
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 408,
+ "width": 176,
+ "height": 16
+ },
+ "startCharacterIndex": 270,
+ "numCharacters": 11
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 424,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 290,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 440,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 300,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 456,
+ "width": 192,
+ "height": 16
+ },
+ "startCharacterIndex": 310,
+ "numCharacters": 12
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 472,
+ "width": 112,
+ "height": 16
+ },
+ "startCharacterIndex": 323,
+ "numCharacters": 7
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 488,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 331,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 232,
+ "y": 504,
+ "width": 128,
+ "height": 16
+ },
+ "startCharacterIndex": 341,
+ "numCharacters": 8
+ }
+ ],
+ "styleIndex": 3
+ },
+ {
+ "nodeId": 17,
+ "boundingBox": {
+ "x": 232,
+ "y": 536,
+ "width": 200,
+ "height": 48
+ },
+ "styleIndex": 6
+ },
+ {
+ "nodeId": 18,
+ "boundingBox": {
+ "x": 272,
+ "y": 536,
+ "width": 160,
+ "height": 16
+ },
+ "styleIndex": 7
+ },
+ {
+ "nodeId": 19,
+ "boundingBox": {
+ "x": 272,
+ "y": 552,
+ "width": 144,
+ "height": 32
+ },
+ "styleIndex": 8
+ },
+ {
+ "nodeId": 20,
+ "boundingBox": {
+ "x": 272,
+ "y": 552,
+ "width": 144,
+ "height": 32
+ },
+ "layoutText": "Lets have a span",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 272,
+ "y": 552,
+ "width": 144,
+ "height": 16
+ },
+ "startCharacterIndex": 0,
+ "numCharacters": 9
+ },
+ {
+ "boundingBox": {
+ "x": 272,
+ "y": 568,
+ "width": 96,
+ "height": 16
+ },
+ "startCharacterIndex": 10,
+ "numCharacters": 6
+ }
+ ],
+ "styleIndex": 8
+ },
+ {
+ "nodeId": 21,
+ "boundingBox": {
+ "x": 92,
+ "y": 516,
+ "width": 32,
+ "height": 200
+ },
+ "styleIndex": 9
+ },
+ {
+ "nodeId": 22,
+ "boundingBox": {
+ "x": 92,
+ "y": 516,
+ "width": 32,
+ "height": 112
+ },
+ "layoutText": "Rotated text!",
+ "inlineTextNodes": [
+ {
+ "boundingBox": {
+ "x": 108,
+ "y": 516,
+ "width": 16,
+ "height": 112
+ },
+ "startCharacterIndex": 0,
+ "numCharacters": 7
+ },
+ {
+ "boundingBox": {
+ "x": 92,
+ "y": 516,
+ "width": 16,
+ "height": 80
+ },
+ "startCharacterIndex": 8,
+ "numCharacters": 5
+ }
+ ],
+ "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,
+ "y": 632,
+ "width": 404,
+ "height": 204
+ },
+ "styleIndex": 14
+ },
+ {
+ "nodeId": 36,
+ "boundingBox": {
+ "x": 8,
+ "y": 857,
+ "width": 769,
+ "height": 33
+ },
+ "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": [
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "392.5px 455.438px"
+ },
+ {
+ "name": "height",
+ "value": "910.875px"
+ },
+ {
+ "name": "width",
+ "value": "785px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "384.5px 440.719px"
+ },
+ {
+ "name": "height",
+ "value": "881.438px"
+ },
+ {
+ "name": "width",
+ "value": "769px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "384.5px 8px"
+ },
+ {
+ "name": "height",
+ "value": "16px"
+ },
+ {
+ "name": "width",
+ "value": "769px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 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(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "100px 288px"
+ },
+ {
+ "name": "height",
+ "value": "576px"
+ },
+ {
+ "name": "width",
+ "value": "200px"
+ },
+ {
+ "name": "display",
+ "value": "inline-block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "100px 240px"
+ },
+ {
+ "name": "height",
+ "value": "480px"
+ },
+ {
+ "name": "width",
+ "value": "200px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "100px 24px"
+ },
+ {
+ "name": "height",
+ "value": "48px"
+ },
+ {
+ "name": "width",
+ "value": "160px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "80px 8px"
+ },
+ {
+ "name": "height",
+ "value": "16px"
+ },
+ {
+ "name": "width",
+ "value": "160px"
+ },
+ {
+ "name": "display",
+ "value": "list-item"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "0px 0px"
+ },
+ {
+ "name": "height",
+ "value": "auto"
+ },
+ {
+ "name": "width",
+ "value": "auto"
+ },
+ {
+ "name": "display",
+ "value": "inline"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
+ },
+ {
+ "name": "transform-origin",
+ "value": "100px 16px"
+ },
+ {
+ "name": "height",
+ "value": "32px"
+ },
+ {
+ "name": "width",
+ "value": "200px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "matrix(6.12323e-17, 1, -1, 6.12323e-17, 0, 0)"
+ },
+ {
+ "name": "transform-origin",
+ "value": "0px 0px"
+ },
+ {
+ "name": "height",
+ "value": "auto"
+ },
+ {
+ "name": "width",
+ "value": "auto"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "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": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "202px 102px"
+ },
+ {
+ "name": "height",
+ "value": "200px"
+ },
+ {
+ "name": "width",
+ "value": "400px"
+ },
+ {
+ "name": "display",
+ "value": "inline"
+ },
+ {
+ "name": "outline-color",
+ "value": "rgb(0, 0, 0)"
+ }
+ ]
+ },
+ {
+ "properties": [
+ {
+ "name": "transform",
+ "value": "none"
+ },
+ {
+ "name": "transform-origin",
+ "value": "384.5px 16px"
+ },
+ {
+ "name": "height",
+ "value": "32px"
+ },
+ {
+ "name": "width",
+ "value": "769px"
+ },
+ {
+ "name": "display",
+ "value": "block"
+ },
+ {
+ "name": "outline-color",
+ "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)"
+ }
+ ]
+ }
+ ]
+}
+

Powered by Google App Engine
This is Rietveld 408576698