third_party/WebKit/LayoutTests/platform/mac/compositing/overflow/selection-gaps-toggling-with-scrolling-contents-expected.txt

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, 80],
          "bounds": [300, 500],
          "shouldFlattenTransform": false,
          "drawsContent": true,
          "children": [
            {
              "bounds": [285, 485],
              "shouldFlattenTransform": false,
              "children": [
                {
                  "bounds": [285, 665]
                }
              ]
            },
            {
              "bounds": [300, 500],
              "children": [
                {
                  "position": [0, 485],
                  "bounds": [285, 15]
                },
                {
                  "position": [285, 0],
                  "bounds": [15, 485]
                },
                {
                  "position": [285, 485],
                  "bounds": [15, 15],
                  "drawsContent": true
                }
              ]
            }
          ]
        },
        {
          "position": [23, 95],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 160],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 225],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 290],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 355],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 420],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 485],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 550],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 615],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 680],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        }
      ]
    }
  ]
}


*** iteration 2: ***

{
  "bounds": [785, 2421],
  "children": [
    {
      "bounds": [785, 2421],
      "contentsOpaque": true,
      "drawsContent": true,
      "children": [
        {
          "position": [8, 80],
          "bounds": [300, 500],
          "contentsOpaque": true,
          "shouldFlattenTransform": false,
          "drawsContent": true,
          "backgroundColor": "#0000FF",
          "children": [
            {
              "bounds": [285, 485],
              "shouldFlattenTransform": false,
              "children": [
                {
                  "bounds": [285, 665],
                  "drawsContent": true
                }
              ]
            },
            {
              "bounds": [300, 500],
              "children": [
                {
                  "position": [0, 485],
                  "bounds": [285, 15]
                },
                {
                  "position": [285, 0],
                  "bounds": [15, 485]
                },
                {
                  "position": [285, 485],
                  "bounds": [15, 15],
                  "drawsContent": true
                }
              ]
            }
          ]
        },
        {
          "position": [23, 95],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 160],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 225],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 290],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 355],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 420],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 485],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 550],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 615],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 680],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        }
      ]
    }
  ]
}


*** iteration 3: ***

{
  "bounds": [785, 4281],
  "children": [
    {
      "bounds": [785, 4281],
      "contentsOpaque": true,
      "drawsContent": true,
      "children": [
        {
          "position": [8, 80],
          "bounds": [300, 500],
          "contentsOpaque": true,
          "shouldFlattenTransform": false,
          "drawsContent": true,
          "backgroundColor": "#0000FF",
          "children": [
            {
              "bounds": [285, 485],
              "shouldFlattenTransform": false,
              "children": [
                {
                  "bounds": [285, 665],
                  "drawsContent": true
                }
              ]
            },
            {
              "bounds": [300, 500],
              "children": [
                {
                  "position": [0, 485],
                  "bounds": [285, 15]
                },
                {
                  "position": [285, 0],
                  "bounds": [15, 485]
                },
                {
                  "position": [285, 485],
                  "bounds": [15, 15],
                  "drawsContent": true
                }
              ]
            }
          ]
        },
        {
          "position": [23, 95],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 160],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 225],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 290],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 355],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 420],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 485],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 550],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 615],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 680],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        }
      ]
    }
  ]
}


*** iteration 4: ***

{
  "bounds": [785, 6141],
  "children": [
    {
      "bounds": [785, 6141],
      "contentsOpaque": true,
      "drawsContent": true,
      "children": [
        {
          "position": [8, 80],
          "bounds": [300, 500],
          "shouldFlattenTransform": false,
          "drawsContent": true,
          "children": [
            {
              "bounds": [285, 485],
              "shouldFlattenTransform": false,
              "children": [
                {
                  "bounds": [285, 665]
                }
              ]
            },
            {
              "bounds": [300, 500],
              "children": [
                {
                  "position": [0, 485],
                  "bounds": [285, 15]
                },
                {
                  "position": [285, 0],
                  "bounds": [15, 485]
                },
                {
                  "position": [285, 485],
                  "bounds": [15, 15],
                  "drawsContent": true
                }
              ]
            }
          ]
        },
        {
          "position": [23, 95],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 160],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 225],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 290],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 355],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 420],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 485],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 550],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 615],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        },
        {
          "position": [23, 680],
          "bounds": [100, 50],
          "contentsOpaque": true,
          "drawsContent": true,
          "backgroundColor": "#FFA500"
        }
      ]
    }
  ]
}