This test verifies the position and size of the highlighted node inside CSS Regions.

{
    "scroll": {
        "x": 0,
        "y": 0
    },
    "fragments": [
        {
            "quads": [
                [
                    {
                        "x": -181,
                        "y": -135
                    },
                    {
                        "x": 759,
                        "y": 207
                    },
                    {
                        "x": 691,
                        "y": 395
                    },
                    {
                        "x": -249,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -181,
                        "y": -135
                    },
                    {
                        "x": 759,
                        "y": 207
                    },
                    {
                        "x": 691,
                        "y": 395
                    },
                    {
                        "x": -249,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -181,
                        "y": -135
                    },
                    {
                        "x": 759,
                        "y": 207
                    },
                    {
                        "x": 691,
                        "y": 395
                    },
                    {
                        "x": -249,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -181,
                        "y": -135
                    },
                    {
                        "x": 759,
                        "y": 207
                    },
                    {
                        "x": 691,
                        "y": 395
                    },
                    {
                        "x": -249,
                        "y": 53
                    }
                ]
            ],
            "showRulers": false,
            "contentColor": "rgba(111, 168, 220, 0.6588235294117647)",
            "contentOutlineColor": "rgba(0, 0, 0, 0)",
            "paddingColor": "rgba(147, 196, 125, 0.5490196078431373)",
            "borderColor": "rgba(255, 229, 153, 0.6588235294117647)",
            "marginColor": "rgba(246, 178, 107, 0.6588235294117647)",
            "region": {
                "quad": [
                    {
                        "x": 555,
                        "y": 30
                    },
                    {
                        "x": 755,
                        "y": 30
                    },
                    {
                        "x": 755,
                        "y": 230
                    },
                    {
                        "x": 555,
                        "y": 230
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": -241,
                        "y": -135
                    },
                    {
                        "x": 699,
                        "y": 207
                    },
                    {
                        "x": 631,
                        "y": 395
                    },
                    {
                        "x": -309,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -241,
                        "y": -135
                    },
                    {
                        "x": 699,
                        "y": 207
                    },
                    {
                        "x": 631,
                        "y": 395
                    },
                    {
                        "x": -309,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -241,
                        "y": -135
                    },
                    {
                        "x": 699,
                        "y": 207
                    },
                    {
                        "x": 631,
                        "y": 395
                    },
                    {
                        "x": -309,
                        "y": 53
                    }
                ],
                [
                    {
                        "x": -241,
                        "y": -135
                    },
                    {
                        "x": 699,
                        "y": 207
                    },
                    {
                        "x": 631,
                        "y": 395
                    },
                    {
                        "x": -309,
                        "y": 53
                    }
                ]
            ],
            "showRulers": false,
            "contentColor": "rgba(111, 168, 220, 0.6588235294117647)",
            "contentOutlineColor": "rgba(0, 0, 0, 0)",
            "paddingColor": "rgba(147, 196, 125, 0.5490196078431373)",
            "borderColor": "rgba(255, 229, 153, 0.6588235294117647)",
            "marginColor": "rgba(246, 178, 107, 0.6588235294117647)",
            "region": {
                "quad": [
                    {
                        "x": 395,
                        "y": 30
                    },
                    {
                        "x": 495,
                        "y": 30
                    },
                    {
                        "x": 495,
                        "y": 230
                    },
                    {
                        "x": 395,
                        "y": 230
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": -116,
                        "y": 100
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": -116,
                        "y": 100
                    }
                ],
                [
                    {
                        "x": -116,
                        "y": 100
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": -116,
                        "y": 100
                    }
                ],
                [
                    {
                        "x": -116,
                        "y": 100
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": -116,
                        "y": 100
                    }
                ],
                [
                    {
                        "x": -116,
                        "y": 100
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": 824,
                        "y": 442
                    },
                    {
                        "x": -116,
                        "y": 100
                    }
                ]
            ],
            "showRulers": false,
            "contentColor": "rgba(111, 168, 220, 0.6588235294117647)",
            "contentOutlineColor": "rgba(0, 0, 0, 0)",
            "paddingColor": "rgba(147, 196, 125, 0.5490196078431373)",
            "borderColor": "rgba(255, 229, 153, 0.6588235294117647)",
            "marginColor": "rgba(246, 178, 107, 0.6588235294117647)",
            "region": {
                "quad": [
                    {
                        "x": 320,
                        "y": 265
                    },
                    {
                        "x": 520,
                        "y": 265
                    },
                    {
                        "x": 520,
                        "y": 465
                    },
                    {
                        "x": 320,
                        "y": 465
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": 84,
                        "y": 110
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 84,
                        "y": 110
                    }
                ],
                [
                    {
                        "x": 84,
                        "y": 110
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 84,
                        "y": 110
                    }
                ],
                [
                    {
                        "x": 84,
                        "y": 110
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 84,
                        "y": 110
                    }
                ],
                [
                    {
                        "x": 84,
                        "y": 110
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 1024,
                        "y": 452
                    },
                    {
                        "x": 84,
                        "y": 110
                    }
                ]
            ],
            "showRulers": false,
            "contentColor": "rgba(111, 168, 220, 0.6588235294117647)",
            "contentOutlineColor": "rgba(0, 0, 0, 0)",
            "paddingColor": "rgba(147, 196, 125, 0.5490196078431373)",
            "borderColor": "rgba(255, 229, 153, 0.6588235294117647)",
            "marginColor": "rgba(246, 178, 107, 0.6588235294117647)",
            "region": {
                "quad": [
                    {
                        "x": 520,
                        "y": 275
                    },
                    {
                        "x": 1020,
                        "y": 275
                    },
                    {
                        "x": 1020,
                        "y": 475
                    },
                    {
                        "x": 520,
                        "y": 475
                    }
                ]
            }
        }
    ],
    "elementInfo": {
        "tagName": "div",
        "idValue": "inspectedElement",
        "nodeWidth": "1000",
        "nodeHeight": "200",
        "contentFlowInfo": {
            "name": "flow"
        }
    }
}