This test verifies the position and size of the highlight rectangles overlayed on an SVG root element when the page is zoomed.

svg-root{
  "paths": [
    {
      "path": [
        "M",
        156,
        168,
        "L",
        276,
        168,
        "L",
        276,
        408,
        "L",
        156,
        408,
        "Z"
      ],
      "fillColor": "rgba(255, 0, 0, 0)",
      "outlineColor": "rgba(128, 0, 0, 0)",
      "name": "content"
    },
    {
      "path": [
        "M",
        96,
        108,
        "L",
        336,
        108,
        "L",
        336,
        468,
        "L",
        96,
        468,
        "Z"
      ],
      "fillColor": "rgba(0, 255, 0, 0)",
      "name": "padding"
    },
    {
      "path": [
        "M",
        48,
        60,
        "L",
        384,
        60,
        "L",
        384,
        516,
        "L",
        48,
        516,
        "Z"
      ],
      "fillColor": "rgba(0, 0, 255, 0)",
      "name": "border"
    },
    {
      "path": [
        "M",
        12,
        24,
        "L",
        420,
        24,
        "L",
        420,
        552,
        "L",
        12,
        552,
        "Z"
      ],
      "fillColor": "rgba(255, 255, 255, 0)",
      "name": "margin"
    }
  ],
  "showRulers": true,
  "showExtensionLines": true,
  "showAccessibilityInfo": true,
  "colorFormat": "hex",
  "elementInfo": {
    "tagName": "svg",
    "idValue": "svg-root",
    "nodeWidth": "280",
    "nodeHeight": "380",
    "isKeyboardFocusable": false,
    "accessibleName": "",
    "accessibleRole": "image",
    "layoutObjectName": "LayoutSVGRoot",
    "showAccessibilityInfo": true
  }
}