| Tests DOMSnapshot.getSnapshot method. |
| { |
| "domNodes": [ |
| { |
| "nodeType": 9, |
| "nodeName": "#document", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 1 |
| ], |
| "layoutNodeIndex": 0, |
| "documentURL": "<string>", |
| "baseURL": "<string>", |
| "contentLanguage": "de" |
| }, |
| { |
| "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, |
| 61, |
| 62, |
| 63 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "body-class" |
| } |
| ], |
| "layoutNodeIndex": 2 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 12, |
| 13, |
| 15, |
| 16, |
| 29, |
| 30, |
| 32, |
| 33, |
| 47, |
| 48, |
| 57, |
| 58, |
| 60 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 3 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 14 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class1" |
| } |
| ], |
| "layoutNodeIndex": 4 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Some Text", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 5 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": " And More Text\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 6 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 17, |
| 18, |
| 20, |
| 21, |
| 28 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "display:inline-block; width: 200px" |
| } |
| ], |
| "layoutNodeIndex": 7 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "P", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 19 |
| ], |
| "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 ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 9 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "UL", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 22, |
| 23, |
| 24, |
| 25, |
| 27 |
| ], |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class3" |
| } |
| ], |
| "layoutNodeIndex": 10 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "LI", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "attributes": [ |
| { |
| "name": "class", |
| "value": "class4" |
| } |
| ], |
| "layoutNodeIndex": 11 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "SPAN", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 26 |
| ], |
| "layoutNodeIndex": 12 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Lets have a span", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 13 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 14 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 15 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 31 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "transform: rotateZ(90deg); width: 200px" |
| } |
| ], |
| "layoutNodeIndex": 16 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Rotated text!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 17 |
| }, |
| { |
| "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": 18, |
| "frameId": "<string>", |
| "contentDocumentIndex": 34 |
| }, |
| { |
| "nodeType": 9, |
| "nodeName": "#document", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 35 |
| ], |
| "layoutNodeIndex": 19, |
| "documentURL": "<string>", |
| "baseURL": "<string>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HTML", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 36, |
| 41, |
| 42 |
| ], |
| "layoutNodeIndex": 20, |
| "frameId": "<string>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "HEAD", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 37, |
| 38, |
| 40 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "STYLE", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 39 |
| ] |
| }, |
| { |
| "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": [ |
| 43, |
| 44, |
| 46 |
| ], |
| "layoutNodeIndex": 21 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 45 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 22 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\nHello from the iframe.\n", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 23 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n\n\n", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 24 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 49, |
| 50, |
| 52, |
| 53, |
| 56 |
| ], |
| "attributes": [ |
| { |
| "name": "id", |
| "value": "shadow-host" |
| } |
| ], |
| "layoutNodeIndex": 25 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "STYLE", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 51 |
| ] |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n :host {\n color: red;\n }\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "DIV", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 54 |
| ], |
| "attributes": [ |
| { |
| "name": "style", |
| "value": "font-family: ahem;" |
| } |
| ], |
| "layoutNodeIndex": 26 |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "H1", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 55 |
| ], |
| "layoutNodeIndex": 27 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Hi!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 28 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n ", |
| "backendNodeId": "<number>" |
| }, |
| { |
| "nodeType": 1, |
| "nodeName": "A", |
| "nodeValue": "", |
| "backendNodeId": "<number>", |
| "childNodeIndexes": [ |
| 59 |
| ], |
| "attributes": [ |
| { |
| "name": "href", |
| "value": "https://www.google.com/" |
| } |
| ], |
| "layoutNodeIndex": 29, |
| "isClickable": true |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "Click ME!", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 30 |
| }, |
| { |
| "nodeType": 3, |
| "nodeName": "#text", |
| "nodeValue": "\n", |
| "backendNodeId": "<number>", |
| "layoutNodeIndex": 31 |
| }, |
| { |
| "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\n\n", |
| "backendNodeId": "<number>" |
| } |
| ], |
| "layoutTreeNodes": [ |
| { |
| "domNodeIndex": 0, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 785, |
| "height": 600 |
| } |
| }, |
| { |
| "domNodeIndex": 1, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 785, |
| "height": 935 |
| }, |
| "styleIndex": 0 |
| }, |
| { |
| "domNodeIndex": 9, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 769, |
| "height": 919 |
| }, |
| "styleIndex": 1 |
| }, |
| { |
| "domNodeIndex": 11, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 769, |
| "height": 919 |
| }, |
| "styleIndex": 1 |
| }, |
| { |
| "domNodeIndex": 13, |
| "boundingBox": { |
| "x": 8, |
| "y": 8, |
| "width": 769, |
| "height": 16 |
| }, |
| "styleIndex": 2 |
| }, |
| { |
| "domNodeIndex": 14, |
| "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 |
| }, |
| { |
| "domNodeIndex": 15, |
| "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 |
| }, |
| { |
| "domNodeIndex": 16, |
| "boundingBox": { |
| "x": 232, |
| "y": 24, |
| "width": 200, |
| "height": 576 |
| }, |
| "styleIndex": 4 |
| }, |
| { |
| "domNodeIndex": 18, |
| "boundingBox": { |
| "x": 232, |
| "y": 40, |
| "width": 200, |
| "height": 480 |
| }, |
| "styleIndex": 5 |
| }, |
| { |
| "domNodeIndex": 19, |
| "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": 7, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 56, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 19, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 72, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 29, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 88, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 35, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 104, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 47, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 120, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 58, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 136, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 64, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 152, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 77, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 168, |
| "width": 80, |
| "height": 16 |
| }, |
| "startCharacterIndex": 90, |
| "numCharacters": 5 |
| }, |
| { |
| "boundingBox": { |
| "x": 312, |
| "y": 168, |
| "width": 96, |
| "height": 16 |
| }, |
| "startCharacterIndex": 101, |
| "numCharacters": 6 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 184, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 108, |
| "numCharacters": 8 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 200, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 117, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 216, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 127, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 232, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 140, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 248, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 151, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 264, |
| "width": 112, |
| "height": 16 |
| }, |
| "startCharacterIndex": 164, |
| "numCharacters": 7 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 280, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 172, |
| "numCharacters": 8 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 296, |
| "width": 96, |
| "height": 16 |
| }, |
| "startCharacterIndex": 187, |
| "numCharacters": 6 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 312, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 194, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 328, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 204, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 344, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 217, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 360, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 229, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 376, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 242, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 392, |
| "width": 160, |
| "height": 16 |
| }, |
| "startCharacterIndex": 253, |
| "numCharacters": 10 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 408, |
| "width": 176, |
| "height": 16 |
| }, |
| "startCharacterIndex": 264, |
| "numCharacters": 11 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 424, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 282, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 440, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 292, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 456, |
| "width": 192, |
| "height": 16 |
| }, |
| "startCharacterIndex": 302, |
| "numCharacters": 12 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 472, |
| "width": 112, |
| "height": 16 |
| }, |
| "startCharacterIndex": 315, |
| "numCharacters": 7 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 488, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 323, |
| "numCharacters": 9 |
| }, |
| { |
| "boundingBox": { |
| "x": 232, |
| "y": 504, |
| "width": 128, |
| "height": 16 |
| }, |
| "startCharacterIndex": 333, |
| "numCharacters": 8 |
| } |
| ], |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 21, |
| "boundingBox": { |
| "x": 232, |
| "y": 536, |
| "width": 200, |
| "height": 48 |
| }, |
| "styleIndex": 6 |
| }, |
| { |
| "domNodeIndex": 23, |
| "boundingBox": { |
| "x": 272, |
| "y": 536, |
| "width": 160, |
| "height": 16 |
| }, |
| "styleIndex": 7 |
| }, |
| { |
| "domNodeIndex": 25, |
| "boundingBox": { |
| "x": 272, |
| "y": 552, |
| "width": 144, |
| "height": 32 |
| }, |
| "styleIndex": 8 |
| }, |
| { |
| "domNodeIndex": 26, |
| "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 |
| }, |
| { |
| "domNodeIndex": 27, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 29, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 30, |
| "boundingBox": { |
| "x": 92, |
| "y": 516, |
| "width": 32, |
| "height": 200 |
| }, |
| "styleIndex": 9 |
| }, |
| { |
| "domNodeIndex": 31, |
| "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 |
| }, |
| { |
| "domNodeIndex": 33, |
| "boundingBox": { |
| "x": 8, |
| "y": 632, |
| "width": 404, |
| "height": 204 |
| }, |
| "styleIndex": 11 |
| }, |
| { |
| "domNodeIndex": 34, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 400, |
| "height": 200 |
| } |
| }, |
| { |
| "domNodeIndex": 35, |
| "boundingBox": { |
| "x": 10, |
| "y": 634, |
| "width": 400, |
| "height": 200 |
| }, |
| "styleIndex": 12 |
| }, |
| { |
| "domNodeIndex": 42, |
| "boundingBox": { |
| "x": 18, |
| "y": 642, |
| "width": 384, |
| "height": 184 |
| }, |
| "styleIndex": 13 |
| }, |
| { |
| "domNodeIndex": 44, |
| "boundingBox": { |
| "x": 18, |
| "y": 642, |
| "width": 384, |
| "height": 16 |
| }, |
| "styleIndex": 14 |
| }, |
| { |
| "domNodeIndex": 45, |
| "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": 47, |
| "boundingBox": { |
| "x": 0, |
| "y": 0, |
| "width": 0, |
| "height": 0 |
| }, |
| "layoutText": "\n ", |
| "styleIndex": 3 |
| }, |
| { |
| "domNodeIndex": 48, |
| "boundingBox": { |
| "x": 8, |
| "y": 857, |
| "width": 769, |
| "height": 33 |
| }, |
| "styleIndex": 15 |
| }, |
| { |
| "domNodeIndex": 53, |
| "boundingBox": { |
| "x": 8, |
| "y": 857, |
| "width": 769, |
| "height": 33 |
| }, |
| "styleIndex": 15 |
| }, |
| { |
| "domNodeIndex": 54, |
| "boundingBox": { |
| "x": 8, |
| "y": 857, |
| "width": 769, |
| "height": 33 |
| }, |
| "styleIndex": 15 |
| }, |
| { |
| "domNodeIndex": 55, |
| "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 |
| }, |
| { |
| "domNodeIndex": 58, |
| "boundingBox": { |
| "x": 8, |
| "y": 910, |
| "width": 144, |
| "height": 17 |
| }, |
| "styleIndex": 17 |
| }, |
| { |
| "domNodeIndex": 59, |
| "boundingBox": { |
| "x": 8, |
| "y": 910, |
| "width": 144, |
| "height": 17 |
| }, |
| "layoutText": "Click ME!", |
| "inlineTextNodes": [ |
| { |
| "boundingBox": { |
| "x": 8, |
| "y": 910.875, |
| "width": 144, |
| "height": 16 |
| }, |
| "startCharacterIndex": 0, |
| "numCharacters": 9 |
| } |
| ], |
| "styleIndex": 17 |
| }, |
| { |
| "domNodeIndex": 60, |
| "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 467.438px" |
| }, |
| { |
| "name": "height", |
| "value": "934.875px" |
| }, |
| { |
| "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 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": "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": "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": "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": "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)" |
| } |
| ] |
| } |
| ] |
| } |
| |