This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) draws content only on iterations 1 and 2, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 3. The scrolling block selection layer should also be much smaller than the scrolling contents layer. Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum *** iteration 1: *** { "bounds": [800, 600], "children": [ { "bounds": [800, 600], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 68], "bounds": [300, 500], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF", "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "drawsContent": true, "children": [ { "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15], "drawsContent": true }, { "position": [285, 0], "bounds": [15, 485], "drawsContent": true }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 83], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 148], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 213], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 278], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 343], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 408], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 473], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 538], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 603], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 668], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 2: *** { "bounds": [785, 2658], "children": [ { "bounds": [785, 2658], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 68], "bounds": [300, 500], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#0000FF", "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "drawsContent": true, "children": [ { "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15], "drawsContent": true }, { "position": [285, 0], "bounds": [15, 485], "drawsContent": true }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 83], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 148], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 213], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 278], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 343], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 408], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 473], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 538], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 603], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 668], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 3: *** { "bounds": [785, 4722], "children": [ { "bounds": [785, 4722], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 68], "bounds": [300, 500], "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "children": [ { "position": [0, 195], "bounds": [285, 15], "shouldFlattenTransform": false, "drawsContent": true } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15], "drawsContent": true }, { "position": [285, 0], "bounds": [15, 485], "drawsContent": true }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 83], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 148], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 213], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 278], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 343], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 408], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 473], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 538], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 603], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 668], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 4: *** { "bounds": [785, 6770], "children": [ { "bounds": [785, 6770], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 68], "bounds": [300, 500], "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "children": [ { "position": [0, 195], "bounds": [285, 15], "shouldFlattenTransform": false } ] } ] }, { "children": [ { "position": [0, 485], "bounds": [285, 15], "drawsContent": true }, { "position": [285, 0], "bounds": [15, 485], "drawsContent": true }, { "position": [285, 485], "bounds": [15, 15], "drawsContent": true } ] } ] }, { "position": [23, 83], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 148], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 213], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 278], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 343], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 408], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 473], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 538], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 603], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 668], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] }