This test verifies the position and size of the highlighted CSS Regions quads overlayed on the inspected div.

{
    "name": "flow",
    "regions": [
        {
            "borderQuad": [
                {
                    "x": 5,
                    "y": 5
                },
                {
                    "x": 255,
                    "y": 5
                },
                {
                    "x": 255,
                    "y": 255
                },
                {
                    "x": 5,
                    "y": 255
                }
            ],
            "incomingQuad": [
                {
                    "x": 0,
                    "y": 15
                },
                {
                    "x": 10,
                    "y": 15
                },
                {
                    "x": 10,
                    "y": 25
                },
                {
                    "x": 0,
                    "y": 25
                }
            ],
            "outgoingQuad": [
                {
                    "x": 250,
                    "y": 235
                },
                {
                    "x": 260,
                    "y": 235
                },
                {
                    "x": 260,
                    "y": 245
                },
                {
                    "x": 250,
                    "y": 245
                }
            ]
        },
        {
            "borderQuad": [
                {
                    "x": 265,
                    "y": 5
                },
                {
                    "x": 515,
                    "y": 5
                },
                {
                    "x": 515,
                    "y": 255
                },
                {
                    "x": 265,
                    "y": 255
                }
            ],
            "incomingQuad": [
                {
                    "x": 260,
                    "y": 15
                },
                {
                    "x": 270,
                    "y": 15
                },
                {
                    "x": 270,
                    "y": 25
                },
                {
                    "x": 260,
                    "y": 25
                }
            ],
            "outgoingQuad": [
                {
                    "x": 510,
                    "y": 235
                },
                {
                    "x": 520,
                    "y": 235
                },
                {
                    "x": 520,
                    "y": 245
                },
                {
                    "x": 510,
                    "y": 245
                }
            ],
            "isHighlighted": true
        },
        {
            "borderQuad": [
                {
                    "x": 525,
                    "y": 5
                },
                {
                    "x": 775,
                    "y": 5
                },
                {
                    "x": 775,
                    "y": 255
                },
                {
                    "x": 525,
                    "y": 255
                }
            ],
            "incomingQuad": [
                {
                    "x": 520,
                    "y": 15
                },
                {
                    "x": 530,
                    "y": 15
                },
                {
                    "x": 530,
                    "y": 25
                },
                {
                    "x": 520,
                    "y": 25
                }
            ],
            "outgoingQuad": [
                {
                    "x": 770,
                    "y": 235
                },
                {
                    "x": 780,
                    "y": 235
                },
                {
                    "x": 780,
                    "y": 245
                },
                {
                    "x": 770,
                    "y": 245
                }
            ]
        },
        {
            "borderQuad": [
                {
                    "x": 5,
                    "y": 265
                },
                {
                    "x": 205,
                    "y": 265
                },
                {
                    "x": 205,
                    "y": 265
                },
                {
                    "x": 5,
                    "y": 265
                }
            ],
            "incomingQuad": [
                {
                    "x": 0,
                    "y": 260
                },
                {
                    "x": 10,
                    "y": 260
                },
                {
                    "x": 10,
                    "y": 270
                },
                {
                    "x": 0,
                    "y": 270
                }
            ],
            "outgoingQuad": [
                {
                    "x": 200,
                    "y": 260
                },
                {
                    "x": 210,
                    "y": 260
                },
                {
                    "x": 210,
                    "y": 270
                },
                {
                    "x": 200,
                    "y": 270
                }
            ]
        },
        {
            "borderQuad": [
                {
                    "x": 215,
                    "y": 265
                },
                {
                    "x": 215,
                    "y": 265
                },
                {
                    "x": 215,
                    "y": 265
                },
                {
                    "x": 215,
                    "y": 265
                }
            ],
            "incomingQuad": [
                {
                    "x": 210,
                    "y": 260
                },
                {
                    "x": 220,
                    "y": 260
                },
                {
                    "x": 220,
                    "y": 270
                },
                {
                    "x": 210,
                    "y": 270
                }
            ],
            "outgoingQuad": [
                {
                    "x": 210,
                    "y": 260
                },
                {
                    "x": 220,
                    "y": 260
                },
                {
                    "x": 220,
                    "y": 270
                },
                {
                    "x": 210,
                    "y": 270
                }
            ]
        }
    ]
}