| 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" |
| } |
| } |
| } |
| |
