| 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(6.12323e-17, 1, -1, 6.12323e-17, 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(6.12323e-17, 1, -1, 6.12323e-17, 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 : <number> |
| baseURL : <string> |
| childNodeIndexes : [ |
| [0] : 1 |
| ] |
| contentLanguage : de |
| documentEncoding : windows-1252 |
| documentURL : <string> |
| eventListeners : [ |
| [0] : { |
| columnNumber : 46 |
| lineNumber : 43 |
| once : false |
| passive : false |
| scriptId : <string> |
| type : documentListener |
| useCapture : false |
| } |
| ] |
| frameId : <string> |
| layoutNodeIndex : 0 |
| nodeName : #document |
| nodeType : 9 |
| nodeValue : |
| scrollOffsetX : 0 |
| scrollOffsetY : 0 |
| } |
| [1] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 2 |
| [1] : 8 |
| [2] : 9 |
| ] |
| frameId : <string> |
| layoutNodeIndex : 1 |
| nodeName : HTML |
| nodeType : 1 |
| nodeValue : |
| } |
| [2] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 3 |
| [1] : 4 |
| [2] : 6 |
| [3] : 7 |
| ] |
| nodeName : HEAD |
| nodeType : 1 |
| nodeValue : |
| } |
| [3] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [4] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 5 |
| ] |
| nodeName : STYLE |
| nodeType : 1 |
| nodeValue : |
| } |
| [5] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : @font-face { font-family: 'ahem'; src: url(../../resources/Ahem.ttf); } |
| } |
| [6] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [7] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [8] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [9] : { |
| attributes : [ |
| [0] : { |
| name : class |
| value : body-class |
| } |
| ] |
| backendNodeId : <number> |
| 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 : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [11] : { |
| attributes : [ |
| [0] : { |
| name : srcset |
| value : 1x.png 1x, 2x.png 2x |
| } |
| ] |
| backendNodeId : <number> |
| currentSourceURL : <string>inspector-protocol/resources/1x.png |
| layoutNodeIndex : 3 |
| nodeName : IMG |
| nodeType : 1 |
| nodeValue : |
| } |
| [12] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 4 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [13] : { |
| attributes : [ |
| [0] : { |
| name : style |
| value : font-family: ahem; |
| } |
| ] |
| backendNodeId : <number> |
| 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 : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [15] : { |
| attributes : [ |
| [0] : { |
| name : class |
| value : class1 |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 16 |
| ] |
| layoutNodeIndex : 6 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| } |
| [16] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 7 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Some Text |
| } |
| [17] : { |
| backendNodeId : <number> |
| 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 : <number> |
| childNodeIndexes : [ |
| [0] : 19 |
| [1] : 20 |
| [2] : 22 |
| [3] : 23 |
| [4] : 30 |
| ] |
| eventListeners : [ |
| [0] : { |
| columnNumber : 59 |
| lineNumber : 40 |
| once : false |
| passive : false |
| scriptId : <string> |
| type : listenerA |
| useCapture : false |
| } |
| ] |
| layoutNodeIndex : 9 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| } |
| [19] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [20] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 21 |
| ] |
| layoutNodeIndex : 10 |
| nodeName : P |
| nodeType : 1 |
| nodeValue : |
| } |
| [21] : { |
| backendNodeId : <number> |
| 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 : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [23] : { |
| attributes : [ |
| [0] : { |
| name : class |
| value : class3 |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 24 |
| [1] : 25 |
| [2] : 26 |
| [3] : 27 |
| [4] : 29 |
| ] |
| layoutNodeIndex : 12 |
| nodeName : UL |
| nodeType : 1 |
| nodeValue : |
| } |
| [24] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [25] : { |
| attributes : [ |
| [0] : { |
| name : class |
| value : class4 |
| } |
| ] |
| backendNodeId : <number> |
| layoutNodeIndex : 13 |
| nodeName : LI |
| nodeType : 1 |
| nodeValue : |
| } |
| [26] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [27] : { |
| attributes : [ |
| [0] : { |
| name : id |
| value : B |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 28 |
| ] |
| eventListeners : [ |
| [0] : { |
| columnNumber : 59 |
| lineNumber : 41 |
| once : false |
| passive : false |
| scriptId : <string> |
| type : listenerB |
| useCapture : false |
| } |
| ] |
| layoutNodeIndex : 14 |
| nodeName : SPAN |
| nodeType : 1 |
| nodeValue : |
| } |
| [28] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 15 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Lets have a span |
| } |
| [29] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 16 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [30] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [31] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 17 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [32] : { |
| attributes : [ |
| [0] : { |
| name : style |
| value : transform: rotateZ(90deg); width: 200px |
| } |
| [1] : { |
| name : id |
| value : C |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 33 |
| ] |
| eventListeners : [ |
| [0] : { |
| columnNumber : 59 |
| lineNumber : 42 |
| once : false |
| passive : false |
| scriptId : <string> |
| type : listenerC |
| useCapture : false |
| } |
| ] |
| layoutNodeIndex : 18 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| } |
| [33] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 19 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Rotated text! |
| } |
| [34] : { |
| backendNodeId : <number> |
| 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 : <number> |
| contentDocumentIndex : 36 |
| frameId : <string> |
| layoutNodeIndex : 20 |
| nodeName : IFRAME |
| nodeType : 1 |
| nodeValue : |
| } |
| [36] : { |
| backendNodeId : <number> |
| baseURL : <string> |
| childNodeIndexes : [ |
| [0] : 37 |
| ] |
| documentEncoding : windows-1252 |
| documentURL : <string> |
| frameId : <string> |
| layoutNodeIndex : 21 |
| nodeName : #document |
| nodeType : 9 |
| nodeValue : |
| scrollOffsetX : 0 |
| scrollOffsetY : 0 |
| } |
| [37] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 38 |
| [1] : 43 |
| [2] : 44 |
| ] |
| frameId : <string> |
| layoutNodeIndex : 22 |
| nodeName : HTML |
| nodeType : 1 |
| nodeValue : |
| } |
| [38] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 39 |
| [1] : 40 |
| [2] : 42 |
| ] |
| nodeName : HEAD |
| nodeType : 1 |
| nodeValue : |
| } |
| [39] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [40] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 41 |
| ] |
| nodeName : STYLE |
| nodeType : 1 |
| nodeValue : |
| } |
| [41] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : @font-face { font-family: 'ahem'; src: url(../../resources/Ahem.ttf); } |
| } |
| [42] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [43] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [44] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 45 |
| [1] : 46 |
| [2] : 48 |
| ] |
| layoutNodeIndex : 23 |
| nodeName : BODY |
| nodeType : 1 |
| nodeValue : |
| } |
| [45] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [46] : { |
| attributes : [ |
| [0] : { |
| name : style |
| value : font-family: ahem; |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 47 |
| ] |
| layoutNodeIndex : 24 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| } |
| [47] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 25 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Hello from the iframe. |
| } |
| [48] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [49] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 26 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [50] : { |
| attributes : [ |
| [0] : { |
| name : id |
| value : shadow-host |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 51 |
| [1] : 52 |
| [2] : 54 |
| [3] : 55 |
| [4] : 58 |
| ] |
| layoutNodeIndex : 27 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| } |
| [51] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| shadowRootType : open |
| } |
| [52] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 53 |
| ] |
| nodeName : STYLE |
| nodeType : 1 |
| nodeValue : |
| shadowRootType : open |
| } |
| [53] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : :host { color: red; } |
| shadowRootType : open |
| } |
| [54] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| shadowRootType : open |
| } |
| [55] : { |
| attributes : [ |
| [0] : { |
| name : style |
| value : font-family: ahem; |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 56 |
| ] |
| layoutNodeIndex : 28 |
| nodeName : DIV |
| nodeType : 1 |
| nodeValue : |
| shadowRootType : open |
| } |
| [56] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 57 |
| ] |
| layoutNodeIndex : 29 |
| nodeName : H1 |
| nodeType : 1 |
| nodeValue : |
| shadowRootType : open |
| } |
| [57] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 30 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Hi! |
| shadowRootType : open |
| } |
| [58] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| shadowRootType : open |
| } |
| [59] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [60] : { |
| attributes : [ |
| [0] : { |
| name : href |
| value : https://www.google.com/ |
| } |
| ] |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 61 |
| ] |
| isClickable : true |
| layoutNodeIndex : 31 |
| nodeName : A |
| nodeType : 1 |
| nodeValue : |
| } |
| [61] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 32 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : Click ME! |
| } |
| [62] : { |
| backendNodeId : <number> |
| layoutNodeIndex : 33 |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [63] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [64] : { |
| attributes : [ |
| [0] : { |
| name : http-equiv |
| value : content-language |
| } |
| [1] : { |
| name : content |
| value : de |
| } |
| ] |
| backendNodeId : <number> |
| nodeName : META |
| nodeType : 1 |
| nodeValue : |
| } |
| [65] : { |
| backendNodeId : <number> |
| nodeName : #text |
| nodeType : 3 |
| nodeValue : |
| } |
| [66] : { |
| backendNodeId : <number> |
| childNodeIndexes : [ |
| [0] : 67 |
| ] |
| nodeName : SCRIPT |
| nodeType : 1 |
| nodeValue : |
| } |
| [67] : { |
| backendNodeId : <number> |
| 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 : <number> |
| 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 |
| } |
| ] |
| } |
| |