| OLD | NEW | 
|---|
| 1 { | 1 { | 
| 2   "name": "Content Root Layer", | 2   "name": "Content Root Layer", | 
| 3   "bounds": [800, 600], | 3   "bounds": [800, 600], | 
| 4   "children": [ | 4   "children": [ | 
| 5     { | 5     { | 
| 6       "name": "LayoutView #document", | 6       "name": "LayoutView #document", | 
| 7       "bounds": [800, 600], | 7       "bounds": [800, 600], | 
| 8       "contentsOpaque": true, | 8       "contentsOpaque": true, | 
| 9       "drawsContent": true, | 9       "drawsContent": true, | 
| 10       "paintInvalidations": [ | 10       "paintInvalidations": [ | 
| 11         { | 11         { | 
| 12           "object": "LayoutBlockFlow DIV class='item1'", | 12           "object": "LayoutBlockFlow DIV class='item1'", | 
| 13           "rect": [0, 52, 150, 300], | 13           "rect": [0, 52, 150, 300], | 
| 14           "reason": "style change" | 14           "reason": "style change" | 
| 15         }, | 15         }, | 
| 16         { | 16         { | 
| 17           "object": "LayoutBlockFlow DIV class='item1'", | 17           "object": "LayoutBlockFlow DIV class='item1'", | 
| 18           "rect": [-50, 52, 150, 300], | 18           "rect": [-50, 52, 150, 300], | 
| 19           "reason": "style change" | 19           "reason": "style change" | 
| 20         }, | 20         }, | 
| 21         { | 21         { | 
| 22           "object": "LayoutBlockFlow DIV", |  | 
| 23           "rect": [0, 52, 150, 150], |  | 
| 24           "reason": "bounds change" |  | 
| 25         }, |  | 
| 26         { |  | 
| 27           "object": "LayoutBlockFlow DIV", |  | 
| 28           "rect": [-50, 52, 150, 150], |  | 
| 29           "reason": "bounds change" |  | 
| 30         }, |  | 
| 31         { |  | 
| 32           "object": "LayoutBlockFlow DIV class='item2'", | 22           "object": "LayoutBlockFlow DIV class='item2'", | 
| 33           "rect": [150, 52, 50, 300], | 23           "rect": [150, 52, 50, 300], | 
| 34           "reason": "style change" | 24           "reason": "style change" | 
| 35         } | 25         } | 
| 36       ] | 26       ] | 
| 37     } | 27     } | 
| 38   ], | 28   ], | 
| 39   "objectPaintInvalidations": [ | 29   "objectPaintInvalidations": [ | 
| 40     { | 30     { | 
| 41       "object": "LayoutBlockFlow DIV class='item1'", | 31       "object": "LayoutBlockFlow DIV class='item1'", | 
| 42       "reason": "style change" | 32       "reason": "style change" | 
| 43     }, | 33     }, | 
| 44     { | 34     { | 
| 45       "object": "LayoutBlockFlow DIV", | 35       "object": "LayoutBlockFlow DIV", | 
| 46       "reason": "bounds change" | 36       "reason": "location change" | 
| 47     }, | 37     }, | 
| 48     { | 38     { | 
| 49       "object": "LayoutBlockFlow DIV class='item2'", | 39       "object": "LayoutBlockFlow DIV class='item2'", | 
| 50       "reason": "style change" | 40       "reason": "style change" | 
| 51     } | 41     } | 
| 52   ] | 42   ] | 
| 53 } | 43 } | 
| 54 | 44 | 
| OLD | NEW | 
|---|