{
  "name": "Content Root Layer",
  "bounds": [800, 600],
  "children": [
    {
      "name": "LayoutView #document",
      "bounds": [800, 600],
      "contentsOpaque": true,
      "drawsContent": true,
      "paintInvalidations": [
        {
          "object": "LayoutBlockFlow (positioned) DIV id='container'",
          "rect": [558, 8, 50, 500],
          "reason": "incremental"
        }
      ],
      "children": [
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image'",
          "position": [8, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image'",
              "rect": [55, 0, 5, 40],
              "reason": "incremental"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image size-cover'",
          "position": [58, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image size-cover'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image size-contain'",
          "position": [108, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image size-contain'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image fixed-width'",
          "position": [158, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-width'",
              "rect": [55, 0, 5, 40],
              "reason": "incremental"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image percent-width'",
          "position": [208, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image percent-width'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image left'",
          "position": [258, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image left'",
              "rect": [55, 0, 5, 40],
              "reason": "incremental"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image right'",
          "position": [308, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image right'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image center'",
          "position": [358, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image center'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image no-repeat'",
          "position": [408, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image no-repeat'",
              "rect": [55, 0, 5, 40],
              "reason": "incremental"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-space'",
          "position": [458, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-space'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'",
          "position": [508, 8],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated'",
          "position": [8, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated cover'",
          "position": [8, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated cover'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated contain'",
          "position": [8, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated contain'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated fixed-width'",
          "position": [158, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated fixed-width'",
              "rect": [55, 0, 5, 40],
              "reason": "incremental"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated percent-width'",
          "position": [208, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated percent-width'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated left'",
          "position": [258, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated left'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated right'",
          "position": [308, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated right'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated center'",
          "position": [358, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated center'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated no-repeat'",
          "position": [408, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated no-repeat'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated repeat-space'",
          "position": [458, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-space'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        },
        {
          "name": "LayoutBlockFlow (positioned) DIV class='test generated repeat-round'",
          "position": [508, 108],
          "bounds": [55, 40],
          "drawsContent": true,
          "backfaceVisibility": "hidden",
          "paintInvalidations": [
            {
              "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-round'",
              "rect": [0, 0, 60, 40],
              "reason": "border box change"
            }
          ]
        }
      ]
    }
  ],
  "objectPaintInvalidations": [
    {
      "object": "LayoutBlockFlow (positioned) DIV id='container'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image size-cover'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image size-contain'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image fixed-width'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image percent-width'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image left'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image right'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image center'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image no-repeat'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-space'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test image repeat-round'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated cover'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated contain'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated fixed-width'",
      "reason": "incremental"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated percent-width'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated left'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated right'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated center'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated no-repeat'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-space'",
      "reason": "border box change"
    },
    {
      "object": "LayoutBlockFlow (positioned) DIV class='test generated repeat-round'",
      "reason": "border box change"
    }
  ]
}

