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