| This test verifies the position and size of the highlighted node inside CSS Regions. |
| |
| { |
| "scroll": { |
| "x": 0, |
| "y": 0 |
| }, |
| "fragments": [ |
| { |
| "quads": [ |
| [ |
| { |
| "x": -181, |
| "y": -135 |
| }, |
| { |
| "x": 759, |
| "y": 207 |
| }, |
| { |
| "x": 691, |
| "y": 395 |
| }, |
| { |
| "x": -249, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -181, |
| "y": -135 |
| }, |
| { |
| "x": 759, |
| "y": 207 |
| }, |
| { |
| "x": 691, |
| "y": 395 |
| }, |
| { |
| "x": -249, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -181, |
| "y": -135 |
| }, |
| { |
| "x": 759, |
| "y": 207 |
| }, |
| { |
| "x": 691, |
| "y": 395 |
| }, |
| { |
| "x": -249, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -181, |
| "y": -135 |
| }, |
| { |
| "x": 759, |
| "y": 207 |
| }, |
| { |
| "x": 691, |
| "y": 395 |
| }, |
| { |
| "x": -249, |
| "y": 53 |
| } |
| ] |
| ], |
| "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": 555, |
| "y": 30 |
| }, |
| { |
| "x": 755, |
| "y": 30 |
| }, |
| { |
| "x": 755, |
| "y": 230 |
| }, |
| { |
| "x": 555, |
| "y": 230 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": -241, |
| "y": -135 |
| }, |
| { |
| "x": 699, |
| "y": 207 |
| }, |
| { |
| "x": 631, |
| "y": 395 |
| }, |
| { |
| "x": -309, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -241, |
| "y": -135 |
| }, |
| { |
| "x": 699, |
| "y": 207 |
| }, |
| { |
| "x": 631, |
| "y": 395 |
| }, |
| { |
| "x": -309, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -241, |
| "y": -135 |
| }, |
| { |
| "x": 699, |
| "y": 207 |
| }, |
| { |
| "x": 631, |
| "y": 395 |
| }, |
| { |
| "x": -309, |
| "y": 53 |
| } |
| ], |
| [ |
| { |
| "x": -241, |
| "y": -135 |
| }, |
| { |
| "x": 699, |
| "y": 207 |
| }, |
| { |
| "x": 631, |
| "y": 395 |
| }, |
| { |
| "x": -309, |
| "y": 53 |
| } |
| ] |
| ], |
| "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": 395, |
| "y": 30 |
| }, |
| { |
| "x": 495, |
| "y": 30 |
| }, |
| { |
| "x": 495, |
| "y": 230 |
| }, |
| { |
| "x": 395, |
| "y": 230 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": -116, |
| "y": 100 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": -116, |
| "y": 100 |
| } |
| ], |
| [ |
| { |
| "x": -116, |
| "y": 100 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": -116, |
| "y": 100 |
| } |
| ], |
| [ |
| { |
| "x": -116, |
| "y": 100 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": -116, |
| "y": 100 |
| } |
| ], |
| [ |
| { |
| "x": -116, |
| "y": 100 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": 824, |
| "y": 442 |
| }, |
| { |
| "x": -116, |
| "y": 100 |
| } |
| ] |
| ], |
| "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": 320, |
| "y": 265 |
| }, |
| { |
| "x": 520, |
| "y": 265 |
| }, |
| { |
| "x": 520, |
| "y": 465 |
| }, |
| { |
| "x": 320, |
| "y": 465 |
| } |
| ] |
| } |
| }, |
| { |
| "quads": [ |
| [ |
| { |
| "x": 84, |
| "y": 110 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 84, |
| "y": 110 |
| } |
| ], |
| [ |
| { |
| "x": 84, |
| "y": 110 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 84, |
| "y": 110 |
| } |
| ], |
| [ |
| { |
| "x": 84, |
| "y": 110 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 84, |
| "y": 110 |
| } |
| ], |
| [ |
| { |
| "x": 84, |
| "y": 110 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 1024, |
| "y": 452 |
| }, |
| { |
| "x": 84, |
| "y": 110 |
| } |
| ] |
| ], |
| "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": 520, |
| "y": 275 |
| }, |
| { |
| "x": 1020, |
| "y": 275 |
| }, |
| { |
| "x": 1020, |
| "y": 475 |
| }, |
| { |
| "x": 520, |
| "y": 475 |
| } |
| ] |
| } |
| } |
| ], |
| "elementInfo": { |
| "tagName": "div", |
| "idValue": "inspectedElement", |
| "nodeWidth": "1000", |
| "nodeHeight": "200", |
| "contentFlowInfo": { |
| "name": "flow" |
| } |
| } |
| } |
| |
