| 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": 1030, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 230 |
| }, |
| { |
| "x": 30, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 230 |
| }, |
| { |
| "x": 30, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 230 |
| }, |
| { |
| "x": 30, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 30, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 30 |
| }, |
| { |
| "x": 1030, |
| "y": 230 |
| }, |
| { |
| "x": 30, |
| "y": 230 |
| } |
| ] |
| ], |
| "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": 90, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 230 |
| }, |
| { |
| "x": 90, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 90, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 230 |
| }, |
| { |
| "x": 90, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 90, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 230 |
| }, |
| { |
| "x": 90, |
| "y": 230 |
| } |
| ], |
| [ |
| { |
| "x": 90, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 30 |
| }, |
| { |
| "x": 1090, |
| "y": 230 |
| }, |
| { |
| "x": 90, |
| "y": 230 |
| } |
| ] |
| ], |
| "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": 390, |
| "y": 30 |
| }, |
| { |
| "x": 390, |
| "y": 230 |
| }, |
| { |
| "x": 290, |
| "y": 230 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": -35, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": -35, |
| "y": 265 |
| } |
| ], |
| [ |
| { |
| "x": -35, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": -35, |
| "y": 265 |
| } |
| ], |
| [ |
| { |
| "x": -35, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": -35, |
| "y": 265 |
| } |
| ], |
| [ |
| { |
| "x": -35, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": 965, |
| "y": 265 |
| }, |
| { |
| "x": -35, |
| "y": 265 |
| } |
| ] |
| ], |
| "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": 265, |
| "y": 265 |
| }, |
| { |
| "x": 465, |
| "y": 265 |
| }, |
| { |
| "x": 465, |
| "y": 465 |
| }, |
| { |
| "x": 265, |
| "y": 465 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": -235, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": -235, |
| "y": 275 |
| } |
| ], |
| [ |
| { |
| "x": -235, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": -235, |
| "y": 275 |
| } |
| ], |
| [ |
| { |
| "x": -235, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": -235, |
| "y": 275 |
| } |
| ], |
| [ |
| { |
| "x": -235, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": -235, |
| "y": 275 |
| } |
| ] |
| ], |
| "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": 265, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 275 |
| }, |
| { |
| "x": 765, |
| "y": 475 |
| }, |
| { |
| "x": 265, |
| "y": 475 |
| } |
| ] |
| } |
| } |
| ], |
| "elementInfo": { |
| "tagName": "div", |
| "idValue": "inspectedElement", |
| "nodeWidth": "1000", |
| "nodeHeight": "200", |
| "contentFlowInfo": { |
| "name": "flow" |
| } |
| } |
| } |
| |
