| OLD | NEW |
| 1 { | 1 { |
| 2 "bounds": [800, 600], | 2 "bounds": [800, 600], |
| 3 "children": [ | 3 "children": [ |
| 4 { | 4 { |
| 5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true, | 7 "drawsContent": true, |
| 8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
| 9 { | 9 { |
| 10 "object": "LayoutBlockFlow DIV class='green half'", | 10 "object": "LayoutBlockFlow DIV class='half'", |
| 11 "rect": [8, 68, 60, 30], | 11 "rect": [8, 353, 60, 38], |
| 12 "reason": "location change" | 12 "reason": "location change" |
| 13 }, | 13 }, |
| 14 { | 14 { |
| 15 "object": "LayoutBlockFlow DIV class='green half'", | 15 "object": "LayoutBlockFlow DIV class='half'", |
| 16 "rect": [8, 38, 60, 30], | 16 "rect": [8, 338, 60, 38], |
| 17 "reason": "location change" | 17 "reason": "location change" |
| 18 }, | 18 }, |
| 19 { | 19 { |
| 20 "object": "LayoutBlockFlow DIV class='green half'", | 20 "object": "LayoutBlockFlow DIV class='half'", |
| 21 "rect": [8, 158, 60, 30], | 21 "rect": [8, 323, 60, 30], |
| 22 "reason": "location change" | 22 "reason": "location change" |
| 23 }, | 23 }, |
| 24 { | 24 { |
| 25 "object": "LayoutBlockFlow DIV class='green half'", | 25 "object": "LayoutBlockFlow DIV class='half'", |
| 26 "rect": [8, 128, 60, 30], | 26 "rect": [8, 308, 60, 30], |
| 27 "reason": "location change" | 27 "reason": "location change" |
| 28 }, | 28 }, |
| 29 { | 29 { |
| 30 "object": "LayoutBlockFlow DIV class='green half'", | 30 "object": "LayoutBlockFlow DIV class='red half'", |
| 31 "rect": [8, 188, 60, 30], | 31 "rect": [8, 248, 60, 30], |
| 32 "reason": "location change" | 32 "reason": "location change" |
| 33 }, | 33 }, |
| 34 { | 34 { |
| 35 "object": "LayoutBlockFlow DIV class='green half'", | 35 "object": "LayoutBlockFlow DIV class='green half'", |
| 36 "rect": [8, 218, 60, 30], | 36 "rect": [8, 218, 60, 30], |
| 37 "reason": "location change" | 37 "reason": "location change" |
| 38 }, | 38 }, |
| 39 { | 39 { |
| 40 "object": "LayoutBlockFlow DIV class='half'", | 40 "object": "LayoutBlockFlow DIV class='red half'", |
| 41 "rect": [8, 308, 60, 30], | 41 "rect": [8, 218, 60, 30], |
| 42 "reason": "location change" | 42 "reason": "location change" |
| 43 }, | 43 }, |
| 44 { | 44 { |
| 45 "object": "LayoutBlockFlow DIV class='half'", | 45 "object": "LayoutBlockFlow DIV class='green half'", |
| 46 "rect": [8, 323, 60, 30], | 46 "rect": [8, 188, 60, 30], |
| 47 "reason": "location change" | 47 "reason": "location change" |
| 48 }, | 48 }, |
| 49 { | 49 { |
| 50 "object": "LayoutBlockFlow DIV class='half'", | 50 "object": "LayoutBlockFlow DIV id='div2' class='zero'", |
| 51 "rect": [8, 338, 60, 38], | 51 "rect": [8, 188, 60, 30], |
| 52 "reason": "became visible" |
| 53 }, |
| 54 { |
| 55 "object": "LayoutBlockFlow DIV class='green half'", |
| 56 "rect": [8, 158, 60, 30], |
| 52 "reason": "location change" | 57 "reason": "location change" |
| 53 }, | 58 }, |
| 54 { | 59 { |
| 55 "object": "LayoutBlockFlow DIV class='half'", | 60 "object": "LayoutBlockFlow DIV class='green half'", |
| 56 "rect": [8, 353, 60, 38], | 61 "rect": [8, 128, 60, 30], |
| 62 "reason": "location change" |
| 63 }, |
| 64 { |
| 65 "object": "LayoutBlockFlow DIV class='red half'", |
| 66 "rect": [8, 128, 60, 30], |
| 67 "reason": "location change" |
| 68 }, |
| 69 { |
| 70 "object": "LayoutBlockFlow DIV class='red half'", |
| 71 "rect": [8, 98, 60, 30], |
| 72 "reason": "location change" |
| 73 }, |
| 74 { |
| 75 "object": "LayoutBlockFlow DIV id='top' class='blue half'", |
| 76 "rect": [8, 98, 60, 30], |
| 77 "reason": "became invisible" |
| 78 }, |
| 79 { |
| 80 "object": "LayoutBlockFlow DIV class='green half'", |
| 81 "rect": [8, 68, 60, 30], |
| 82 "reason": "location change" |
| 83 }, |
| 84 { |
| 85 "object": "LayoutBlockFlow DIV class='green half'", |
| 86 "rect": [8, 38, 60, 30], |
| 57 "reason": "location change" | 87 "reason": "location change" |
| 58 }, | 88 }, |
| 59 { | 89 { |
| 60 "object": "LayoutBlockFlow DIV class='red half'", | 90 "object": "LayoutBlockFlow DIV class='red half'", |
| 61 "rect": [8, 38, 60, 30], | 91 "rect": [8, 38, 60, 30], |
| 62 "reason": "location change" | 92 "reason": "location change" |
| 63 }, | 93 }, |
| 64 { | 94 { |
| 65 "object": "LayoutBlockFlow DIV class='red half'", | 95 "object": "LayoutBlockFlow DIV class='red half'", |
| 66 "rect": [8, 8, 60, 30], | 96 "rect": [8, 8, 60, 30], |
| 67 "reason": "location change" | 97 "reason": "location change" |
| 68 }, | 98 }, |
| 69 { | 99 { |
| 70 "object": "LayoutBlockFlow DIV class='red half'", | |
| 71 "rect": [8, 128, 60, 30], | |
| 72 "reason": "location change" | |
| 73 }, | |
| 74 { | |
| 75 "object": "LayoutBlockFlow DIV class='red half'", | |
| 76 "rect": [8, 98, 60, 30], | |
| 77 "reason": "location change" | |
| 78 }, | |
| 79 { | |
| 80 "object": "LayoutBlockFlow DIV class='red half'", | |
| 81 "rect": [8, 218, 60, 30], | |
| 82 "reason": "location change" | |
| 83 }, | |
| 84 { | |
| 85 "object": "LayoutBlockFlow DIV class='red half'", | |
| 86 "rect": [8, 248, 60, 30], | |
| 87 "reason": "location change" | |
| 88 }, | |
| 89 { | |
| 90 "object": "LayoutBlockFlow DIV id='div1' class='blue half'", | 100 "object": "LayoutBlockFlow DIV id='div1' class='blue half'", |
| 91 "rect": [8, 8, 60, 30], | 101 "rect": [8, 8, 60, 30], |
| 92 "reason": "became invisible" | 102 "reason": "became invisible" |
| 93 }, | 103 }, |
| 94 { | 104 { |
| 95 "object": "LayoutBlockFlow DIV id='div2' class='zero'", | |
| 96 "rect": [8, 188, 60, 30], | |
| 97 "reason": "became visible" | |
| 98 }, | |
| 99 { | |
| 100 "object": "LayoutBlockFlow DIV id='innerDiv'", | 105 "object": "LayoutBlockFlow DIV id='innerDiv'", |
| 101 "rect": [48, 308, 10, 15], | 106 "rect": [48, 308, 10, 15], |
| 102 "reason": "became visible" | 107 "reason": "became visible" |
| 103 }, | |
| 104 { | |
| 105 "object": "LayoutBlockFlow DIV id='top' class='blue half'", | |
| 106 "rect": [8, 98, 60, 30], | |
| 107 "reason": "became invisible" | |
| 108 } | 108 } |
| 109 ] | 109 ] |
| 110 } | 110 } |
| 111 ] | 111 ] |
| 112 } | 112 } |
| 113 | 113 |
| OLD | NEW |