| Tests DOMSnapshot.getSnapshot method. |
| { |
| "domNodes": [ |
| { |
| "nodeType": 9, |
| "nodeName": "#document", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 1 |
| ], |
| "layoutNodeIndex": 0, |
| "documentURL": "<string>", |
| "baseURL": "<string>", |
| "contentLanguage": "de", |
| "documentEncoding": "windows-1252", |
| "frameId": "<string>", |
| "eventListeners": [ |
| { |
| "type": "documentListener", |
| "useCapture": false, |
| "passive": false, |
| "once": false, |
| "scriptId": "<string>", |
| "lineNumber": 43, |
| "columnNumber": 46 |
| } |
| ], |
| "scrollOffsetX": 0, |
| "scrollOffsetY": 0 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HTML", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 2, |
| 8, |
| 9 |
| ], |
| "layoutNodeIndex": 1, |
| "frameId": "<string>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HEAD", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 3, |
| 4, |
| 6, |
| 7 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "STYLE", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 5 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n @font-face {\n font-family: 'ahem';\n src: url(../../resources/Ahem.ttf);\n }\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "BODY", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 10, |
| 11, |
| 12, |
| 13, |
| 63, |
| 64, |
| 65, |
| 66, |
| 68 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "body-class" |
| } |
| ], |
| "layoutNodeIndex": 2 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "IMG", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "attributes": [ |
| { |
| "name": "srcset", |
| "value": "1x.png 1x, 2x.png 2x" |
| } |
| ], |
| "layoutNodeIndex": 3, |
| "currentSourceURL": "<string>inspector-protocol/resources/1x.png" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 4 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 14, |
| 15, |
| 17, |
| 18, |
| 31, |
| 32, |
| 34, |
| 35, |
| 49, |
| 50, |
| 59, |
| 60, |
| 62 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 5 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 16 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class1" |
| } |
| ], |
| "layoutNodeIndex": 6 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Some Text", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 7 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": " And More Text\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 8 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 19, |
| 20, |
| 22, |
| 23, |
| 30 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "display:inline-block; width: 200px" |
| }, |
| { |
| "name": "id", |
| "value": "A" |
| } |
| ], |
| "layoutNodeIndex": 9, |
| "eventListeners": [ |
| { |
| "type": "listenerA", |
| "useCapture": false, |
| "passive": false, |
| "once": false, |
| "scriptId": "<string>", |
| "lineNumber": 40, |
| "columnNumber": 59 |
| } |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "P", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 21 |
| ], |
| "layoutNodeIndex": 10 |
| }, |
| { |
| "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 ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 11 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "UL", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 24, |
| 25, |
| 26, |
| 27, |
| 29 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class3" |
| } |
| ], |
| "layoutNodeIndex": 12 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "LI", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class4" |
| } |
| ], |
| "layoutNodeIndex": 13 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "SPAN", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 28 |
| ], |
| "attributes": [ |
| { |
| "name": "id", |
| "value": "B" |
| } |
| ], |
| "layoutNodeIndex": 14, |
| "eventListeners": [ |
| { |
| "type": "listenerB", |
| "useCapture": false, |
| "passive": false, |
| "once": false, |
| "scriptId": "<string>", |
| "lineNumber": 41, |
| "columnNumber": 59 |
| } |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Lets have a span", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 15 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 16 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 17 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 33 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "transform: rotateZ(90deg); width: 200px" |
| }, |
| { |
| "name": "id", |
| "value": "C" |
| } |
| ], |
| "layoutNodeIndex": 18, |
| "eventListeners": [ |
| { |
| "type": "listenerC", |
| "useCapture": false, |
| "passive": false, |
| "once": false, |
| "scriptId": "<string>", |
| "lineNumber": 42, |
| "columnNumber": 59 |
| } |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Rotated text!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 19 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "IFRAME", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "attributes": [ |
| { |
| "name": "src", |
| "value": "./simple-iframe.html" |
| }, |
| { |
| "name": "width", |
| "value": "400" |
| }, |
| { |
| "name": "height", |
| "value": "200" |
| } |
| ], |
| "layoutNodeIndex": 20, |
| "frameId": "<string>", |
| "contentDocumentIndex": 36 |
| }, |
| { |
| "nodeType": 9, |
| "nodeName": "#document", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 37 |
| ], |
| "layoutNodeIndex": 21, |
| "documentURL": "<string>", |
| "baseURL": "<string>", |
| "documentEncoding": "windows-1252", |
| "frameId": "<string>", |
| "scrollOffsetX": 0, |
| "scrollOffsetY": 0 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HTML", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 38, |
| 43, |
| 44 |
| ], |
| "layoutNodeIndex": 22, |
| "frameId": "<string>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HEAD", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 39, |
| 40, |
| 42 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "STYLE", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 41 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n@font-face {\n font-family: 'ahem';\n src: url(../../resources/Ahem.ttf);\n}\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "BODY", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 45, |
| 46, |
| 48 |
| ], |
| "layoutNodeIndex": 23 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 47 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 24 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\nHello from the iframe.\n", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 25 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n\n\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 26 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 51, |
| 52, |
| 54, |
| 55, |
| 58 |
| ], |
| "attributes": [ |
| { |
| "name": "id", |
| "value": "shadow-host" |
| } |
| ], |
| "layoutNodeIndex": 27 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "STYLE", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 53 |
| ], |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n :host {\n color: red;\n }\n ", |
| "backendNodeId": "<number>", |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 56 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 28, |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "H1", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 57 |
| ], |
| "layoutNodeIndex": 29, |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Hi!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 30, |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "shadowRootType": "open" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "A", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 61 |
| ], |
| "attributes": [ |
| { |
| "name": "href", |
| "value": "https://www.google.com/" |
| } |
| ], |
| "layoutNodeIndex": 31, |
| "isClickable": true |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Click ME!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 32 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 33 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "META", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "attributes": [ |
| { |
| "name": "http-equiv", |
| "value": "content-language" |
| }, |
| { |
| "name": "content", |
| "value": "de" |
| } |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "SCRIPT", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 67 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\ndocument.getElementById('A').addEventListener('listenerA', () => {});\ndocument.getElementById('B').addEventListener('listenerB', () => {});\ndocument.getElementById('C').addEventListener('listenerC', () => {});\ndocument.addEventListener('documentListener', () => {});\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n\n\n", |
| "backendNodeId": "<number>" |
| } |
| ], |
| "layoutTreeNodes": [ |
| { |
| "domNodeIndex": 0, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 800, |
| "height": 600 |
| }, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 1, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 785, |
| "height": 1134.875 |
| }, |
| "styleIndex": 0, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 9, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 769, |
| "height": 1118.875 |
| }, |
| "styleIndex": 1 |
| }, |
| { |
| "domNodeIndex": 11, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 200, |
| "height": 200 |
| }, |
| "styleIndex": 2 |
| }, |
| { |
| "domNodeIndex": 12, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 13, |
| "boundingBox": { |
| "x": 8, |
| "y": 208, |
| "width": 769, |
| "height": 918.875 |
| }, |
| "styleIndex": 4 |
| }, |
| { |
| "domNodeIndex": 15, |
| "boundingBox": { |
| "x": 8, |
| "y": 208, |
| "width": 769, |
| "height": 16 |
| }, |
| "styleIndex": 5 |
| }, |
| { |
| "domNodeIndex": 16, |
| "boundingBox": { |
| "x": 8, |
| "y": 208, |
| "width": 144, |
| "height": 16 |
| }, |
| "layoutText": "Some Text", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 8, |
| "y": 208, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 9 |
| } |
| ], |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 17, |
| "boundingBox": { |
| "x": 8, |
| "y": 768, |
| "width": 224, |
| "height": 16 |
| }, |
| "layoutText": " And More Text\n ", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 8, |
| "y": 768, |
| "width": 224, |
| "height": 16 |
| }, |
| "startCharacterIndex": 1, |
| "numCharacters": 14 |
| } |
| ], |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 18, |
| "boundingBox": { |
| "x": 232, |
| "y": 224, |
| "width": 200, |
| "height": 576 |
| }, |
| "styleIndex": 6 |
| }, |
| { |
| "domNodeIndex": 20, |
| "boundingBox": { |
| "x": 232, |
| "y": 240, |
| "width": 200, |
| "height": 480 |
| }, |
| "styleIndex": 7 |
| }, |
| { |
| "domNodeIndex": 21, |
| "boundingBox": { |
| "x": 232, |
| "y": 240, |
| "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": 240, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 7, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 256, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 19, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 272, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 29, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 288, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 35, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 304, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 47, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 320, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 58, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 336, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 64, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 352, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 77, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 368, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 90, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 312, |
| "y": 368, |
| "width": 96, |
| "height": 16 |
| }, |
| "startCharacterIndex": 101, |
| "numCharacters": 6 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 384, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 108, |
| "numCharacters": 8 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 400, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 117, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 416, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 127, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 432, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 140, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 448, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 151, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 464, |
| "width": 112, |
| "height": 16 |
| }, |
| "startCharacterIndex": 164, |
| "numCharacters": 7 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 480, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 172, |
| "numCharacters": 8 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 496, |
| "width": 96, |
| "height": 16 |
| }, |
| "startCharacterIndex": 187, |
| "numCharacters": 6 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 512, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 194, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 528, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 204, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 544, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 217, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 560, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 229, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 576, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 242, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 592, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 253, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 608, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 264, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 624, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 282, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 640, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 292, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 656, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 302, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 672, |
| "width": 112, |
| "height": 16 |
| }, |
| "startCharacterIndex": 315, |
| "numCharacters": 7 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 688, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 323, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 704, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 333, |
| "numCharacters": 8 |
| } |
| ], |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 23, |
| "boundingBox": { |
| "x": 232, |
| "y": 736, |
| "width": 200, |
| "height": 48 |
| }, |
| "styleIndex": 8 |
| }, |
| { |
| "domNodeIndex": 25, |
| "boundingBox": { |
| "x": 272, |
| "y": 736, |
| "width": 160, |
| "height": 16 |
| }, |
| "styleIndex": 9 |
| }, |
| { |
| "domNodeIndex": 27, |
| "boundingBox": { |
| "x": 272, |
| "y": 752, |
| "width": 144, |
| "height": 32 |
| }, |
| "styleIndex": 10 |
| }, |
| { |
| "domNodeIndex": 28, |
| "boundingBox": { |
| "x": 272, |
| "y": 752, |
| "width": 144, |
| "height": 32 |
| }, |
| "layoutText": "Lets have a span", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 272, |
| "y": 752, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 272, |
| "y": 768, |
| "width": 96, |
| "height": 16 |
| }, |
| "startCharacterIndex": 10, |
| "numCharacters": 6 |
| } |
| ], |
| "styleIndex": 10 |
| }, |
| { |
| "domNodeIndex": 29, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 31, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 32, |
| "boundingBox": { |
| "x": 92, |
| "y": 716, |
| "width": 32, |
| "height": 200 |
| }, |
| "styleIndex": 11, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 33, |
| "boundingBox": { |
| "x": 92, |
| "y": 716, |
| "width": 32, |
| "height": 112 |
| }, |
| "layoutText": "Rotated text!", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 108, |
| "y": 716, |
| "width": 16, |
| "height": 112 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 7 |
| }, |
| { |
| "boundingBox": { |
| "x": 92, |
| "y": 716, |
| "width": 16, |
| "height": 80 |
| }, |
| "startCharacterIndex": 8, |
| "numCharacters": 5 |
| } |
| ], |
| "styleIndex": 12, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 35, |
| "boundingBox": { |
| "x": 8, |
| "y": 832, |
| "width": 404, |
| "height": 204 |
| }, |
| "styleIndex": 13 |
| }, |
| { |
| "domNodeIndex": 36, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 400, |
| "height": 200 |
| }, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 37, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 400, |
| "height": 200 |
| }, |
| "styleIndex": 14, |
| "isStackingContext": true |
| }, |
| { |
| "domNodeIndex": 44, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 384, |
| "height": 184 |
| }, |
| "styleIndex": 15 |
| }, |
| { |
| "domNodeIndex": 46, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 384, |
| "height": 16 |
| }, |
| "styleIndex": 16 |
| }, |
| { |
| "domNodeIndex": 47, |
| "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": 49, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 50, |
| "boundingBox": { |
| "x": 8, |
| "y": 1057.4375, |
| "width": 769, |
| "height": 32 |
| }, |
| "styleIndex": 17 |
| }, |
| { |
| "domNodeIndex": 55, |
| "boundingBox": { |
| "x": 8, |
| "y": 1057.4375, |
| "width": 769, |
| "height": 32 |
| }, |
| "styleIndex": 17 |
| }, |
| { |
| "domNodeIndex": 56, |
| "boundingBox": { |
| "x": 8, |
| "y": 1057.4375, |
| "width": 769, |
| "height": 32 |
| }, |
| "styleIndex": 17 |
| }, |
| { |
| "domNodeIndex": 57, |
| "boundingBox": { |
| "x": 8, |
| "y": 1057.4375, |
| "width": 96, |
| "height": 32 |
| }, |
| "layoutText": "Hi!", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 8, |
| "y": 1057.4375, |
| "width": 96, |
| "height": 32 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 3 |
| } |
| ], |
| "styleIndex": 18 |
| }, |
| { |
| "domNodeIndex": 60, |
| "boundingBox": { |
| "x": 8, |
| "y": 1110.875, |
| "width": 144, |
| "height": 16 |
| }, |
| "styleIndex": 19 |
| }, |
| { |
| "domNodeIndex": 61, |
| "boundingBox": { |
| "x": 8, |
| "y": 1110.875, |
| "width": 144, |
| "height": 16 |
| }, |
| "layoutText": "Click ME!", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 8, |
| "y": 1110.875, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 9 |
| } |
| ], |
| "styleIndex": 19 |
| }, |
| { |
| "domNodeIndex": 62, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n", |
| "styleIndex": 3 |
| } |
| ], |
| "computedStyles": [ |
| { |
| "properties": [ |
| { |
| "name": "transform", |
| "value": "none" |
| }, |
| { |
| "name": "transform-origin", |
| "value": "392.5px 567.438px" |
| }, |
| { |
| "name": "height", |
| "value": "1134.88px" |
| }, |
| { |
| "name": "width", |
| "value": "785px" |
| }, |
| { |
| "name": "display", |
| "value": "block" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 0)" |
| }, |
| { |
| "name": "color", |
| "value": "rgb(0, 0, 0)" |
| } |
| ] |
| }, |
| { |
| "properties": [ |
| { |
| "name": "transform", |
| "value": "none" |
| }, |
| { |
| "name": "transform-origin", |
| "value": "384.5px 559.438px" |
| }, |
| { |
| "name": "height", |
| "value": "1118.88px" |
| }, |
| { |
| "name": "width", |
| "value": "769px" |
| }, |
| { |
| "name": "display", |
| "value": "block" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 0)" |
| }, |
| { |
| "name": "color", |
| "value": "rgb(0, 0, 0)" |
| } |
| ] |
| }, |
| { |
| "properties": [ |
| { |
| "name": "transform", |
| "value": "none" |
| }, |
| { |
| "name": "transform-origin", |
| "value": "100px 100px" |
| }, |
| { |
| "name": "height", |
| "value": "200px" |
| }, |
| { |
| "name": "width", |
| "value": "200px" |
| }, |
| { |
| "name": "display", |
| "value": "inline" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 0)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "color", |
| "value": "rgb(0, 0, 0)" |
| } |
| ] |
| }, |
| { |
| "properties": [ |
| { |
| "name": "transform", |
| "value": "none" |
| }, |
| { |
| "name": "transform-origin", |
| "value": "384.5px 459.438px" |
| }, |
| { |
| "name": "height", |
| "value": "918.875px" |
| }, |
| { |
| "name": "width", |
| "value": "769px" |
| }, |
| { |
| "name": "display", |
| "value": "block" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 0)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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": "200px" |
| }, |
| { |
| "name": "display", |
| "value": "block" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 0)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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)" |
| }, |
| { |
| "name": "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": "inline" |
| }, |
| { |
| "name": "outline-color", |
| "value": "rgb(0, 0, 238)" |
| }, |
| { |
| "name": "color", |
| "value": "rgb(0, 0, 238)" |
| } |
| ] |
| } |
| ] |
| } |
| |
