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

{
    "scroll": {
        "x": 0,
        "y": 0
    },
    "fragments": [
        {
            "quads": [
                [
                    {
                        "x": 30,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 1030
                    },
                    {
                        "x": 30,
                        "y": 1030
                    }
                ],
                [
                    {
                        "x": 30,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 1030
                    },
                    {
                        "x": 30,
                        "y": 1030
                    }
                ],
                [
                    {
                        "x": 30,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 1030
                    },
                    {
                        "x": 30,
                        "y": 1030
                    }
                ],
                [
                    {
                        "x": 30,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 1030
                    },
                    {
                        "x": 30,
                        "y": 1030
                    }
                ]
            ],
            "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": 30,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 30
                    },
                    {
                        "x": 230,
                        "y": 230
                    },
                    {
                        "x": 30,
                        "y": 230
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": 290,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": 830
                    },
                    {
                        "x": 290,
                        "y": 830
                    }
                ],
                [
                    {
                        "x": 290,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": 830
                    },
                    {
                        "x": 290,
                        "y": 830
                    }
                ],
                [
                    {
                        "x": 290,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": 830
                    },
                    {
                        "x": 290,
                        "y": 830
                    }
                ],
                [
                    {
                        "x": 290,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": -170
                    },
                    {
                        "x": 390,
                        "y": 830
                    },
                    {
                        "x": 290,
                        "y": 830
                    }
                ]
            ],
            "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": 290,
                        "y": 30
                    },
                    {
                        "x": 490,
                        "y": 30
                    },
                    {
                        "x": 490,
                        "y": 230
                    },
                    {
                        "x": 290,
                        "y": 230
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": 425,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": 605
                    },
                    {
                        "x": 425,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 425,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": 605
                    },
                    {
                        "x": 425,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 425,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": 605
                    },
                    {
                        "x": 425,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 425,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": -395
                    },
                    {
                        "x": 625,
                        "y": 605
                    },
                    {
                        "x": 425,
                        "y": 605
                    }
                ]
            ],
            "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": 425,
                        "y": 5
                    },
                    {
                        "x": 625,
                        "y": 5
                    },
                    {
                        "x": 625,
                        "y": 5
                    },
                    {
                        "x": 425,
                        "y": 5
                    }
                ]
            }
        },
        {
            "quads": [
                [
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": 605
                    },
                    {
                        "x": 635,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": 605
                    },
                    {
                        "x": 635,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": 605
                    },
                    {
                        "x": 635,
                        "y": 605
                    }
                ],
                [
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": -395
                    },
                    {
                        "x": 635,
                        "y": 605
                    },
                    {
                        "x": 635,
                        "y": 605
                    }
                ]
            ],
            "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": 635,
                        "y": 5
                    },
                    {
                        "x": 835,
                        "y": 5
                    },
                    {
                        "x": 835,
                        "y": 605
                    },
                    {
                        "x": 635,
                        "y": 605
                    }
                ]
            }
        }
    ],
    "elementInfo": {
        "tagName": "div",
        "idValue": "inspectedElement",
        "nodeWidth": "200",
        "nodeHeight": "1000",
        "contentFlowInfo": {
            "name": "flow"
        }
    }
}