| This test verifies the position and size of the highlighted node inside CSS Regions. |
| |
| { |
| "scroll": { |
| "x": 0, |
| "y": 0 |
| }, |
| "fragments": [ |
| { |
| "quads": [ |
| [ |
| { |
| "x": 30, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": 270 |
| }, |
| { |
| "x": 30, |
| "y": 270 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": 270 |
| }, |
| { |
| "x": 30, |
| "y": 270 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": 270 |
| }, |
| { |
| "x": 30, |
| "y": 270 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": -730 |
| }, |
| { |
| "x": 230, |
| "y": 270 |
| }, |
| { |
| "x": 30, |
| "y": 270 |
| } |
| ] |
| ], |
| "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": 70 |
| }, |
| { |
| "x": 230, |
| "y": 70 |
| }, |
| { |
| "x": 230, |
| "y": 270 |
| }, |
| { |
| "x": 30, |
| "y": 270 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": 290, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": 470 |
| }, |
| { |
| "x": 290, |
| "y": 470 |
| } |
| ], |
| [ |
| { |
| "x": 290, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": 470 |
| }, |
| { |
| "x": 290, |
| "y": 470 |
| } |
| ], |
| [ |
| { |
| "x": 290, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": 470 |
| }, |
| { |
| "x": 290, |
| "y": 470 |
| } |
| ], |
| [ |
| { |
| "x": 290, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": -530 |
| }, |
| { |
| "x": 390, |
| "y": 470 |
| }, |
| { |
| "x": 290, |
| "y": 470 |
| } |
| ] |
| ], |
| "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": 70 |
| }, |
| { |
| "x": 490, |
| "y": 70 |
| }, |
| { |
| "x": 490, |
| "y": 270 |
| }, |
| { |
| "x": 290, |
| "y": 270 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": 425, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": 695 |
| }, |
| { |
| "x": 425, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 425, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": 695 |
| }, |
| { |
| "x": 425, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 425, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": 695 |
| }, |
| { |
| "x": 425, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 425, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": -305 |
| }, |
| { |
| "x": 625, |
| "y": 695 |
| }, |
| { |
| "x": 425, |
| "y": 695 |
| } |
| ] |
| ], |
| "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": 295 |
| }, |
| { |
| "x": 625, |
| "y": 295 |
| }, |
| { |
| "x": 625, |
| "y": 295 |
| }, |
| { |
| "x": 425, |
| "y": 295 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| } |
| ], |
| [ |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": -305 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| }, |
| { |
| "x": 635, |
| "y": 695 |
| } |
| ] |
| ], |
| "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": 295 |
| }, |
| { |
| "x": 835, |
| "y": 295 |
| }, |
| { |
| "x": 835, |
| "y": 895 |
| }, |
| { |
| "x": 635, |
| "y": 895 |
| } |
| ] |
| } |
| } |
| ], |
| "elementInfo": { |
| "tagName": "div", |
| "idValue": "inspectedElement", |
| "nodeWidth": "200", |
| "nodeHeight": "1000", |
| "contentFlowInfo": { |
| "name": "flow" |
| } |
| } |
| } |
| |