[DevTools] New harness for inspector-protocol layout tests

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

-Some Text
-And More Text 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet est sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales nulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodales ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra.
-
-Lets have a span
-Rotated text!
-
+Tests DOMSnapshot.getSnapshot method.
 {
   "domNodes": [
     {
       "nodeType": 9,
       "nodeName": "#document",
       "nodeValue": "",
-      "backendNodeId": 2,
+      "backendNodeId": 3,
       "childNodeIndexes": [
         1
       ],
       "layoutNodeIndex": 0,
       "documentURL": "<string>",
       "baseURL": "<string>"
     },
     {
       "nodeType": 1,
       "nodeName": "HTML",
       "nodeValue": "",
-      "backendNodeId": 3,
+      "backendNodeId": 4,
       "childNodeIndexes": [
         2,
-        13,
-        14
+        3
       ],
       "layoutNodeIndex": 1,
       "frameId": "<string>"
     },
     {
       "nodeType": 1,
       "nodeName": "HEAD",
       "nodeValue": "",
-      "backendNodeId": 4,
+      "backendNodeId": 5
+    },
+    {
+      "nodeType": 1,
+      "nodeName": "BODY",
+      "nodeValue": "",
+      "backendNodeId": 6,
       "childNodeIndexes": [
-        3,
         4,
-        6,
+        5,
         7,
         8,
         9,
-        11,
-        12
+        44
+      ],
+      "layoutNodeIndex": 2
+    },
+    {
+      "nodeType": 3,
+      "nodeName": "#text",
+      "nodeValue": "\n\n\n",
+      "backendNodeId": 7
+    },
+    {
+      "nodeType": 1,
+      "nodeName": "STYLE",
+      "nodeValue": "",
+      "backendNodeId": 8,
+      "childNodeIndexes": [
+        6
       ]
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 5
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "STYLE",
-      "nodeValue": "",
-      "backendNodeId": 6,
-      "childNodeIndexes": [
-        5
-      ]
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n@font-face {\n  font-family: 'ahem';\n  src: url(../../resources/Ahem.ttf);\n}\n",
-      "backendNodeId": 7
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 8
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "SCRIPT",
-      "nodeValue": "",
-      "backendNodeId": 9,
-      "attributes": [
-        {
-          "name": "type",
-          "value": "text/javascript"
-        },
-        {
-          "name": "src",
-          "value": "../../http/tests/inspector-protocol/inspector-protocol-test.js"
-        }
-      ]
+      "nodeValue": "<value>",
+      "backendNodeId": 9
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n",
       "backendNodeId": 10
     },
     {
-      "nodeType": 1,
-      "nodeName": "SCRIPT",
-      "nodeValue": "",
-      "backendNodeId": 11,
-      "childNodeIndexes": [
-        10
-      ]
-    },
-    {
       "nodeType": 3,
       "nodeName": "#text",
-      "nodeValue": "\n\nasync function test() {\n    function stabilize(key, value) {\n        var unstableKeys = [\"documentURL\", \"baseURL\", \"frameId\"];\n        if (unstableKeys.indexOf(key) !== -1)\n            return \"<\" + typeof(value) + \">\";\n        return value;\n    }\n  \n    var whitelist = [\"transform\", \"transform-origin\", \"height\", \"width\", \"display\", \"outline-color\", \"color\"];\n    var response = await InspectorTest.sendCommandOrDie(\"DOMSnapshot.getSnapshot\", {\"computedStyleWhitelist\": whitelist});\n    InspectorTest.log(JSON.stringify(response, stabilize, 2));\n    InspectorTest.completeTest();\n}\n\n",
-      "backendNodeId": 12
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 13
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 14
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 15
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "BODY",
-      "nodeValue": "",
-      "backendNodeId": 16,
-      "childNodeIndexes": [
-        15,
-        16,
-        66
-      ],
-      "attributes": [
-        {
-          "name": "class",
-          "value": "body-class"
-        }
-      ],
-      "layoutNodeIndex": 2
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 17
+      "nodeValue": "\n\n\n",
+      "backendNodeId": 11
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 18,
+      "backendNodeId": 12,
       "childNodeIndexes": [
-        17,
-        18,
-        20,
-        21,
+        10,
+        11,
+        13,
+        14,
+        27,
+        28,
+        30,
+        31,
+        33,
         34,
-        35,
-        37,
-        38,
-        52,
-        53,
-        62,
-        63,
-        65
+        43
       ],
       "attributes": [
         {
           "name": "style",
           "value": "font-family: ahem;"
         }
       ],
       "layoutNodeIndex": 3
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n    ",
-      "backendNodeId": 19
+      "backendNodeId": 13
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 20,
+      "backendNodeId": 14,
       "childNodeIndexes": [
-        19
+        12
       ],
       "attributes": [
         {
           "name": "class",
           "value": "class1"
         }
       ],
       "layoutNodeIndex": 4
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "Some Text",
-      "backendNodeId": 21,
+      "backendNodeId": 15,
       "layoutNodeIndex": 5
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": " And More Text\n    ",
-      "backendNodeId": 22,
+      "backendNodeId": 16,
       "layoutNodeIndex": 6
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 23,
+      "backendNodeId": 17,
       "childNodeIndexes": [
-        22,
-        23,
-        25,
-        26,
-        33
+        15,
+        16,
+        18,
+        19,
+        26
       ],
       "attributes": [
         {
           "name": "style",
           "value": "display:inline-block; width: 200px"
         }
       ],
       "layoutNodeIndex": 7
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n        ",
-      "backendNodeId": 24
+      "backendNodeId": 18
     },
     {
       "nodeType": 1,
       "nodeName": "P",
       "nodeValue": "",
-      "backendNodeId": 25,
+      "backendNodeId": 19,
       "childNodeIndexes": [
-        24
+        17
       ],
       "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": 26,
+      "backendNodeId": 20,
       "layoutNodeIndex": 9
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n        ",
-      "backendNodeId": 27
+      "backendNodeId": 21
     },
     {
       "nodeType": 1,
       "nodeName": "UL",
       "nodeValue": "",
-      "backendNodeId": 28,
+      "backendNodeId": 22,
       "childNodeIndexes": [
-        27,
-        28,
-        29,
-        30,
-        32
+        20,
+        21,
+        22,
+        23,
+        25
       ],
       "attributes": [
         {
           "name": "class",
           "value": "class3"
         }
       ],
       "layoutNodeIndex": 10
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n            ",
-      "backendNodeId": 29
+      "backendNodeId": 23
     },
     {
       "nodeType": 1,
       "nodeName": "LI",
       "nodeValue": "",
-      "backendNodeId": 30,
+      "backendNodeId": 24,
       "attributes": [
         {
           "name": "class",
           "value": "class4"
         }
       ],
       "layoutNodeIndex": 11
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n            ",
-      "backendNodeId": 31
+      "backendNodeId": 25
     },
     {
       "nodeType": 1,
       "nodeName": "SPAN",
       "nodeValue": "",
-      "backendNodeId": 32,
+      "backendNodeId": 26,
       "childNodeIndexes": [
-        31
+        24
       ],
       "layoutNodeIndex": 12
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "Lets have a span",
-      "backendNodeId": 33,
+      "backendNodeId": 27,
       "layoutNodeIndex": 13
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n        ",
-      "backendNodeId": 34,
+      "backendNodeId": 28,
       "layoutNodeIndex": 14
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n    ",
-      "backendNodeId": 35
+      "backendNodeId": 29
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n    ",
-      "backendNodeId": 36,
+      "backendNodeId": 30,
       "layoutNodeIndex": 15
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 37,
+      "backendNodeId": 31,
       "childNodeIndexes": [
-        36
+        29
       ],
       "attributes": [
         {
           "name": "style",
           "value": "transform: rotateZ(90deg); width: 200px"
         }
       ],
       "layoutNodeIndex": 16
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "Rotated text!",
-      "backendNodeId": 38,
+      "backendNodeId": 32,
       "layoutNodeIndex": 17
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n    ",
-      "backendNodeId": 39
+      "backendNodeId": 33
     },
     {
       "nodeType": 1,
       "nodeName": "IFRAME",
       "nodeValue": "",
-      "backendNodeId": 40,
+      "backendNodeId": 34,
       "attributes": [
         {
           "name": "src",
-          "value": "../dom/resources/simple-iframe.html"
+          "value": "<value>"
         },
         {
           "name": "width",
           "value": "400"
         },
         {
           "name": "height",
           "value": "200"
         }
       ],
       "layoutNodeIndex": 18,
       "frameId": "<string>",
-      "contentDocumentIndex": 39
+      "contentDocumentIndex": 32
     },
     {
       "nodeType": 9,
       "nodeName": "#document",
       "nodeValue": "",
-      "backendNodeId": 41,
-      "childNodeIndexes": [
-        40
-      ],
+      "backendNodeId": 35,
       "layoutNodeIndex": 19,
       "documentURL": "<string>",
       "baseURL": "<string>"
     },
     {
-      "nodeType": 1,
-      "nodeName": "HTML",
-      "nodeValue": "",
-      "backendNodeId": 42,
-      "childNodeIndexes": [
-        41,
-        46,
-        47
-      ],
-      "layoutNodeIndex": 20,
-      "frameId": "<string>"
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "HEAD",
-      "nodeValue": "",
-      "backendNodeId": 43,
-      "childNodeIndexes": [
-        42,
-        43,
-        45
-      ]
-    },
-    {
       "nodeType": 3,
       "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 44
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "STYLE",
-      "nodeValue": "",
-      "backendNodeId": 45,
-      "childNodeIndexes": [
-        44
-      ]
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n@font-face {\n  font-family: 'ahem';\n  src: url(../../../resources/Ahem.ttf);\n}\n",
-      "backendNodeId": 46
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 47
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 48
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "BODY",
-      "nodeValue": "",
-      "backendNodeId": 49,
-      "childNodeIndexes": [
-        48,
-        49,
-        51
-      ],
-      "layoutNodeIndex": 21
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n",
-      "backendNodeId": 50
+      "nodeValue": "\n    ",
+      "backendNodeId": 36,
+      "layoutNodeIndex": 20
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 51,
+      "backendNodeId": 37,
       "childNodeIndexes": [
-        50
+        35,
+        36,
+        38,
+        39,
+        42
       ],
       "attributes": [
         {
-          "name": "style",
-          "value": "font-family: ahem;"
-        }
-      ],
-      "layoutNodeIndex": 22
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\nHello from the iframe.\n",
-      "backendNodeId": 52,
-      "layoutNodeIndex": 23
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n\n\n",
-      "backendNodeId": 53
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n    ",
-      "backendNodeId": 54,
-      "layoutNodeIndex": 24
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "DIV",
-      "nodeValue": "",
-      "backendNodeId": 55,
-      "childNodeIndexes": [
-        54,
-        55,
-        57,
-        58,
-        61
-      ],
-      "attributes": [
-        {
           "name": "id",
           "value": "shadow-host"
         }
       ],
-      "layoutNodeIndex": 25
+      "layoutNodeIndex": 21
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n",
-      "backendNodeId": 56
+      "backendNodeId": 38
     },
     {
       "nodeType": 1,
       "nodeName": "STYLE",
       "nodeValue": "",
-      "backendNodeId": 57,
+      "backendNodeId": 39,
       "childNodeIndexes": [
-        56
+        37
       ]
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n:host {\n    color: red;\n}\n",
-      "backendNodeId": 58
+      "backendNodeId": 40
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n",
-      "backendNodeId": 59
+      "backendNodeId": 41
     },
     {
       "nodeType": 1,
       "nodeName": "DIV",
       "nodeValue": "",
-      "backendNodeId": 60,
+      "backendNodeId": 42,
       "childNodeIndexes": [
-        59
+        40
       ],
       "attributes": [
         {
           "name": "style",
           "value": "font-family: ahem;"
         }
       ],
-      "layoutNodeIndex": 26
+      "layoutNodeIndex": 22
     },
     {
       "nodeType": 1,
       "nodeName": "H1",
       "nodeValue": "",
-      "backendNodeId": 61,
+      "backendNodeId": 43,
       "childNodeIndexes": [
-        60
+        41
       ],
-      "layoutNodeIndex": 27
+      "layoutNodeIndex": 23
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "Hi!",
-      "backendNodeId": 62,
-      "layoutNodeIndex": 28
+      "backendNodeId": 44,
+      "layoutNodeIndex": 24
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n",
-      "backendNodeId": 63
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n    ",
-      "backendNodeId": 64
-    },
-    {
-      "nodeType": 1,
-      "nodeName": "SCRIPT",
-      "nodeValue": "",
-      "backendNodeId": 65,
-      "childNodeIndexes": [
-        64
-      ],
-      "attributes": [
-        {
-          "name": "type",
-          "value": "text/javascript"
-        }
-      ]
-    },
-    {
-      "nodeType": 3,
-      "nodeName": "#text",
-      "nodeValue": "\n        var host = document.querySelector(\"#shadow-host\").createShadowRoot();\n        var template = document.querySelector(\"#shadow-template\");\n        host.appendChild(template.content);\n        template.remove();\n        window.onload = runTest;\n    ",
-      "backendNodeId": 66
+      "backendNodeId": 45
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
       "nodeValue": "\n",
-      "backendNodeId": 67
+      "backendNodeId": 46
     },
     {
       "nodeType": 3,
       "nodeName": "#text",
-      "nodeValue": "\n\n\n",
-      "backendNodeId": 68
+      "nodeValue": "\n\n\n  ",
+      "backendNodeId": 47
     }
   ],
   "layoutTreeNodes": [
     {
       "domNodeIndex": 0,
       "boundingBox": {
         "x": 0,
         "y": 0,
         "width": 785,
         "height": 600
       }
     },
     {
       "domNodeIndex": 1,
       "boundingBox": {
         "x": 0,
         "y": 0,
         "width": 785,
         "height": 911
       },
       "styleIndex": 0
     },
     {
-      "domNodeIndex": 14,
+      "domNodeIndex": 3,
       "boundingBox": {
         "x": 8,
         "y": 8,
         "width": 769,
         "height": 882
       },
       "styleIndex": 1
     },
     {
-      "domNodeIndex": 16,
+      "domNodeIndex": 9,
       "boundingBox": {
         "x": 8,
         "y": 8,
         "width": 769,
         "height": 882
       },
       "styleIndex": 1
     },
     {
-      "domNodeIndex": 18,
+      "domNodeIndex": 11,
       "boundingBox": {
         "x": 8,
         "y": 8,
         "width": 769,
         "height": 16
       },
       "styleIndex": 2
     },
     {
-      "domNodeIndex": 19,
+      "domNodeIndex": 12,
       "boundingBox": {
         "x": 8,
         "y": 8,
         "width": 144,
         "height": 16
       },
       "layoutText": "Some Text",
       "inlineTextNodes": [
         {
           "boundingBox": {
             "x": 8,
             "y": 8,
             "width": 144,
             "height": 16
           },
           "startCharacterIndex": 0,
           "numCharacters": 9
         }
       ],
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 20,
+      "domNodeIndex": 13,
       "boundingBox": {
         "x": 8,
         "y": 568,
         "width": 224,
         "height": 16
       },
       "layoutText": " And More Text\n    ",
       "inlineTextNodes": [
         {
           "boundingBox": {
             "x": 8,
             "y": 568,
             "width": 224,
             "height": 16
           },
           "startCharacterIndex": 1,
           "numCharacters": 14
         }
       ],
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 21,
+      "domNodeIndex": 14,
       "boundingBox": {
         "x": 232,
         "y": 24,
         "width": 200,
         "height": 576
       },
       "styleIndex": 4
     },
     {
-      "domNodeIndex": 23,
+      "domNodeIndex": 16,
       "boundingBox": {
         "x": 232,
         "y": 40,
         "width": 200,
         "height": 480
       },
       "styleIndex": 5
     },
     {
-      "domNodeIndex": 24,
+      "domNodeIndex": 17,
       "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": {
@@ skipping 302 matching lines @@
             "width": 128,
             "height": 16
           },
           "startCharacterIndex": 341,
           "numCharacters": 8
         }
       ],
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 26,
+      "domNodeIndex": 19,
       "boundingBox": {
         "x": 232,
         "y": 536,
         "width": 200,
         "height": 48
       },
       "styleIndex": 6
     },
     {
-      "domNodeIndex": 28,
+      "domNodeIndex": 21,
       "boundingBox": {
         "x": 272,
         "y": 536,
         "width": 160,
         "height": 16
       },
       "styleIndex": 7
     },
     {
-      "domNodeIndex": 30,
+      "domNodeIndex": 23,
       "boundingBox": {
         "x": 272,
         "y": 552,
         "width": 144,
         "height": 32
       },
       "styleIndex": 8
     },
     {
-      "domNodeIndex": 31,
+      "domNodeIndex": 24,
       "boundingBox": {
         "x": 272,
         "y": 552,
         "width": 144,
         "height": 32
       },
       "layoutText": "Lets have a span",
       "inlineTextNodes": [
         {
           "boundingBox": {
@@ skipping 12 matching lines @@
             "width": 96,
             "height": 16
           },
           "startCharacterIndex": 10,
           "numCharacters": 6
         }
       ],
       "styleIndex": 8
     },
     {
-      "domNodeIndex": 32,
+      "domNodeIndex": 25,
       "boundingBox": {
         "x": 0,
         "y": 0,
         "width": 0,
         "height": 0
       },
       "layoutText": "\n        ",
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 34,
+      "domNodeIndex": 27,
       "boundingBox": {
         "x": 0,
         "y": 0,
         "width": 0,
         "height": 0
       },
       "layoutText": "\n    ",
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 35,
+      "domNodeIndex": 28,
       "boundingBox": {
         "x": 92,
         "y": 516,
         "width": 32,
         "height": 200
       },
       "styleIndex": 9
     },
     {
-      "domNodeIndex": 36,
+      "domNodeIndex": 29,
       "boundingBox": {
         "x": 92,
         "y": 516,
         "width": 32,
         "height": 112
       },
       "layoutText": "Rotated text!",
       "inlineTextNodes": [
         {
           "boundingBox": {
@@ skipping 12 matching lines @@
             "width": 16,
             "height": 80
           },
           "startCharacterIndex": 8,
           "numCharacters": 5
         }
       ],
       "styleIndex": 10
     },
     {
-      "domNodeIndex": 38,
+      "domNodeIndex": 31,
       "boundingBox": {
         "x": 8,
         "y": 632,
         "width": 404,
         "height": 204
       },
       "styleIndex": 11
     },
     {
-      "domNodeIndex": 39,
+      "domNodeIndex": 32,
       "boundingBox": {
         "x": 0,
         "y": 0,
-        "width": 400,
-        "height": 200
+        "width": 0,
+        "height": 0
       }
     },
     {
-      "domNodeIndex": 40,
-      "boundingBox": {
-        "x": 10,
-        "y": 634,
-        "width": 400,
-        "height": 200
-      },
-      "styleIndex": 12
-    },
-    {
-      "domNodeIndex": 47,
-      "boundingBox": {
-        "x": 18,
-        "y": 642,
-        "width": 384,
-        "height": 184
-      },
-      "styleIndex": 13
-    },
-    {
-      "domNodeIndex": 49,
-      "boundingBox": {
-        "x": 18,
-        "y": 642,
-        "width": 384,
-        "height": 16
-      },
-      "styleIndex": 14
-    },
-    {
-      "domNodeIndex": 50,
-      "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": 52,
+      "domNodeIndex": 33,
       "boundingBox": {
         "x": 0,
         "y": 0,
         "width": 0,
         "height": 0
       },
       "layoutText": "\n    ",
       "styleIndex": 3
     },
     {
-      "domNodeIndex": 53,
+      "domNodeIndex": 34,
       "boundingBox": {
         "x": 8,
         "y": 857,
         "width": 769,
         "height": 33
       },
-      "styleIndex": 15
+      "styleIndex": 12
     },
     {
-      "domNodeIndex": 58,
+      "domNodeIndex": 39,
       "boundingBox": {
         "x": 8,
         "y": 857,
         "width": 769,
         "height": 33
       },
-      "styleIndex": 15
+      "styleIndex": 12
     },
     {
-      "domNodeIndex": 59,
+      "domNodeIndex": 40,
       "boundingBox": {
         "x": 8,
         "y": 857,
         "width": 769,
         "height": 33
       },
-      "styleIndex": 15
+      "styleIndex": 12
     },
     {
-      "domNodeIndex": 60,
+      "domNodeIndex": 41,
       "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
+      "styleIndex": 13
     }
   ],
   "computedStyles": [
     {
       "properties": [
         {
           "name": "transform",
           "value": "none"
         },
         {
@@ skipping 370 matching lines @@
         },
         {
           "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"
@@ skipping 44 matching lines @@
         },
         {
           "name": "color",
           "value": "rgb(255, 0, 0)"
         }
       ]
     }
   ]
 }