{ "bounds": [800, 600], "children": "layers": [ { "name": "LayoutView #document", "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "paintInvalidations": [ true }, { "object": "name": "LayoutBlockFlow (positioned) DIV id='container'", "rect": [558, 8, 50, 500], "reason": "incremental" } ], "children": [ { 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], "contentsOpaque": true, "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], "contentsOpaque": true, "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], "contentsOpaque": true, "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], "contentsOpaque": true, "drawsContent": true, "backfaceVisibility": "hidden", "paintInvalidations": [ { "object": "LayoutBlockFlow (positioned) DIV class='test generated fixed-width'", "rect": [55, 0, 5, 40], "reason": "incremental" } ], "underPaintInvalidations": [ { "x": 0, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 2, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 4, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 6, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 8, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 10, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 12, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 14, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 16, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 18, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 20, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 22, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 24, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 26, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 28, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 30, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 32, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 34, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 36, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 38, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 40, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 42, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 44, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 46, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 48, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 50, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 52, "y": 4, "oldPixel": "#001CC5", "newPixel": "#001BC8" }, { "x": 0, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 1, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 2, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 3, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 4, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 5, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 6, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 7, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 8, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 9, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 10, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 11, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 12, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 13, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 14, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 15, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 16, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 17, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 18, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 19, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 20, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" }, { "x": 21, "y": 5, "oldPixel": "#0023B9", "newPixel": "#0021BC" }, { "x": 22, "y": 5, "oldPixel": "#0024B9", "newPixel": "#0022BD" } ] }, { "name": "LayoutBlockFlow (positioned) DIV class='test generated percent-width'", "position": [208, 108], "bounds": [55, 40], "contentsOpaque": true, "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], "contentsOpaque": true, "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], "contentsOpaque": true, "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], "contentsOpaque": true, "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], "contentsOpaque": true, "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 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" } ] }