This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) draws content only on iterations 2 and 3, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 4. 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, 72], "bounds": [300, 500], "drawsContent": true, "children": [ { "bounds": [285, 485], "children": [ { "bounds": [285, 665], "shouldFlattenTransform": false, "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, 87], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 152], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 217], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 282], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 347], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 412], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 477], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 542], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 607], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 672], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 2: *** { "bounds": [785, 2236], "children": [ { "bounds": [785, 2236], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 72], "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, 87], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 152], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 217], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 282], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 347], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 412], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 477], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 542], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 607], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 672], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 3: *** { "bounds": [785, 3913], "children": [ { "bounds": [785, 3913], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 72], "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, 87], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 152], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 217], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 282], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 347], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 412], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 477], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 542], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 607], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 672], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] } *** iteration 4: *** { "bounds": [785, 5590], "children": [ { "bounds": [785, 5590], "contentsOpaque": true, "drawsContent": true, "children": [ { "position": [8, 72], "bounds": [300, 500], "drawsContent": true, "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, 87], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 152], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 217], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 282], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 347], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 412], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 477], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 542], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 607], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" }, { "position": [23, 672], "bounds": [100, 50], "contentsOpaque": true, "drawsContent": true, "backgroundColor": "#FFA500" } ] } ] }