src/third_party/WebKit/LayoutTests/platform/mac/virtual/gpu/compositedscrolling/overflow/selection-gaps-toggling-expected.txt

   1 This test passes if the container's scrolling contents layer (the first child of the GraphicsLayer with 4 children) doesn't draw content at all, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 2. The scrolling block selection layer should also be much smaller than the scrolling contents layer.
   2 Lorem Ipsum
   3 Lorem Ipsum
   4 Lorem Ipsum
   5 Lorem Ipsum
   6 Lorem Ipsum
   7 Lorem Ipsum
   8 Lorem Ipsum
   9 Lorem Ipsum
  10 Lorem Ipsum
  11 Lorem Ipsum
  12
  13
  14 *** iteration 1: ***
  15
  16 {
  17   "bounds": [800, 600],
  18   "children": [
  19     {
  20       "bounds": [800, 600],
  21       "contentsOpaque": true,
  22       "drawsContent": true,
  23       "children": [
  24         {
  25           "position": [8, 62],
  26           "bounds": [300, 500],
  27           "children": [
  28             {
  29               "bounds": [285, 485],
  30               "children": [
  31                 {
  32                   "bounds": [285, 665],
  33                   "shouldFlattenTransform": false,
  34                   "children": [
  35                     {
  36                       "shouldFlattenTransform": false
  37                     }
  38                   ]
  39                 }
  40               ]
  41             },
  42             {
  43               "children": [
  44                 {
  45                   "position": [0, 485],
  46                   "bounds": [285, 15]
  47                 },
  48                 {
  49                   "position": [285, 0],
  50                   "bounds": [15, 485]
  51                 },
  52                 {
  53                   "position": [285, 485],
  54                   "bounds": [15, 15],
  55                   "drawsContent": true
  56                 }
  57               ]
  58             }
  59           ]
  60         },
  61         {
  62           "position": [23, 77],
  63           "bounds": [100, 50],
  64           "contentsOpaque": true,
  65           "drawsContent": true,
  66           "backgroundColor": "#FFA500"
  67         },
  68         {
  69           "position": [23, 142],
  70           "bounds": [100, 50],
  71           "contentsOpaque": true,
  72           "drawsContent": true,
  73           "backgroundColor": "#FFA500"
  74         },
  75         {
  76           "position": [23, 207],
  77           "bounds": [100, 50],
  78           "contentsOpaque": true,
  79           "drawsContent": true,
  80           "backgroundColor": "#FFA500"
  81         },
  82         {
  83           "position": [23, 272],
  84           "bounds": [100, 50],
  85           "contentsOpaque": true,
  86           "drawsContent": true,
  87           "backgroundColor": "#FFA500"
  88         },
  89         {
  90           "position": [23, 337],
  91           "bounds": [100, 50],
  92           "contentsOpaque": true,
  93           "drawsContent": true,
  94           "backgroundColor": "#FFA500"
  95         },
  96         {
  97           "position": [23, 402],
  98           "bounds": [100, 50],
  99           "contentsOpaque": true,
 100           "drawsContent": true,
 101           "backgroundColor": "#FFA500"
 102         },
 103         {
 104           "position": [23, 467],
 105           "bounds": [100, 50],
 106           "contentsOpaque": true,
 107           "drawsContent": true,
 108           "backgroundColor": "#FFA500"
 109         },
 110         {
 111           "position": [23, 532],
 112           "bounds": [100, 50],
 113           "contentsOpaque": true,
 114           "drawsContent": true,
 115           "backgroundColor": "#FFA500"
 116         },
 117         {
 118           "position": [23, 597],
 119           "bounds": [100, 50],
 120           "contentsOpaque": true,
 121           "drawsContent": true,
 122           "backgroundColor": "#FFA500"
 123         },
 124         {
 125           "position": [23, 662],
 126           "bounds": [100, 50],
 127           "contentsOpaque": true,
 128           "drawsContent": true,
 129           "backgroundColor": "#FFA500"
 130         }
 131       ]
 132     }
 133   ]
 134 }
 135
 136
 137 *** iteration 2: ***
 138
 139 {
 140   "bounds": [785, 2433],
 141   "children": [
 142     {
 143       "bounds": [785, 2433],
 144       "contentsOpaque": true,
 145       "drawsContent": true,
 146       "children": [
 147         {
 148           "position": [8, 62],
 149           "bounds": [300, 500],
 150           "children": [
 151             {
 152               "bounds": [285, 485],
 153               "children": [
 154                 {
 155                   "bounds": [285, 665],
 156                   "shouldFlattenTransform": false,
 157                   "children": [
 158                     {
 159                       "position": [0, 195],
 160                       "bounds": [285, 15],
 161                       "shouldFlattenTransform": false,
 162                       "drawsContent": true
 163                     }
 164                   ]
 165                 }
 166               ]
 167             },
 168             {
 169               "children": [
 170                 {
 171                   "position": [0, 485],
 172                   "bounds": [285, 15]
 173                 },
 174                 {
 175                   "position": [285, 0],
 176                   "bounds": [15, 485]
 177                 },
 178                 {
 179                   "position": [285, 485],
 180                   "bounds": [15, 15],
 181                   "drawsContent": true
 182                 }
 183               ]
 184             }
 185           ]
 186         },
 187         {
 188           "position": [23, 77],
 189           "bounds": [100, 50],
 190           "contentsOpaque": true,
 191           "drawsContent": true,
 192           "backgroundColor": "#FFA500"
 193         },
 194         {
 195           "position": [23, 142],
 196           "bounds": [100, 50],
 197           "contentsOpaque": true,
 198           "drawsContent": true,
 199           "backgroundColor": "#FFA500"
 200         },
 201         {
 202           "position": [23, 207],
 203           "bounds": [100, 50],
 204           "contentsOpaque": true,
 205           "drawsContent": true,
 206           "backgroundColor": "#FFA500"
 207         },
 208         {
 209           "position": [23, 272],
 210           "bounds": [100, 50],
 211           "contentsOpaque": true,
 212           "drawsContent": true,
 213           "backgroundColor": "#FFA500"
 214         },
 215         {
 216           "position": [23, 337],
 217           "bounds": [100, 50],
 218           "contentsOpaque": true,
 219           "drawsContent": true,
 220           "backgroundColor": "#FFA500"
 221         },
 222         {
 223           "position": [23, 402],
 224           "bounds": [100, 50],
 225           "contentsOpaque": true,
 226           "drawsContent": true,
 227           "backgroundColor": "#FFA500"
 228         },
 229         {
 230           "position": [23, 467],
 231           "bounds": [100, 50],
 232           "contentsOpaque": true,
 233           "drawsContent": true,
 234           "backgroundColor": "#FFA500"
 235         },
 236         {
 237           "position": [23, 532],
 238           "bounds": [100, 50],
 239           "contentsOpaque": true,
 240           "drawsContent": true,
 241           "backgroundColor": "#FFA500"
 242         },
 243         {
 244           "position": [23, 597],
 245           "bounds": [100, 50],
 246           "contentsOpaque": true,
 247           "drawsContent": true,
 248           "backgroundColor": "#FFA500"
 249         },
 250         {
 251           "position": [23, 662],
 252           "bounds": [100, 50],
 253           "contentsOpaque": true,
 254           "drawsContent": true,
 255           "backgroundColor": "#FFA500"
 256         }
 257       ]
 258     }
 259   ]
 260 }
 261
 262
 263 *** iteration 3: ***
 264
 265 {
 266   "bounds": [785, 4323],
 267   "children": [
 268     {
 269       "bounds": [785, 4323],
 270       "contentsOpaque": true,
 271       "drawsContent": true,
 272       "children": [
 273         {
 274           "position": [8, 62],
 275           "bounds": [300, 500],
 276           "children": [
 277             {
 278               "bounds": [285, 485],
 279               "children": [
 280                 {
 281                   "bounds": [285, 665],
 282                   "shouldFlattenTransform": false,
 283                   "children": [
 284                     {
 285                       "position": [0, 195],
 286                       "bounds": [285, 15],
 287                       "shouldFlattenTransform": false
 288                     }
 289                   ]
 290                 }
 291               ]
 292             },
 293             {
 294               "children": [
 295                 {
 296                   "position": [0, 485],
 297                   "bounds": [285, 15]
 298                 },
 299                 {
 300                   "position": [285, 0],
 301                   "bounds": [15, 485]
 302                 },
 303                 {
 304                   "position": [285, 485],
 305                   "bounds": [15, 15],
 306                   "drawsContent": true
 307                 }
 308               ]
 309             }
 310           ]
 311         },
 312         {
 313           "position": [23, 77],
 314           "bounds": [100, 50],
 315           "contentsOpaque": true,
 316           "drawsContent": true,
 317           "backgroundColor": "#FFA500"
 318         },
 319         {
 320           "position": [23, 142],
 321           "bounds": [100, 50],
 322           "contentsOpaque": true,
 323           "drawsContent": true,
 324           "backgroundColor": "#FFA500"
 325         },
 326         {
 327           "position": [23, 207],
 328           "bounds": [100, 50],
 329           "contentsOpaque": true,
 330           "drawsContent": true,
 331           "backgroundColor": "#FFA500"
 332         },
 333         {
 334           "position": [23, 272],
 335           "bounds": [100, 50],
 336           "contentsOpaque": true,
 337           "drawsContent": true,
 338           "backgroundColor": "#FFA500"
 339         },
 340         {
 341           "position": [23, 337],
 342           "bounds": [100, 50],
 343           "contentsOpaque": true,
 344           "drawsContent": true,
 345           "backgroundColor": "#FFA500"
 346         },
 347         {
 348           "position": [23, 402],
 349           "bounds": [100, 50],
 350           "contentsOpaque": true,
 351           "drawsContent": true,
 352           "backgroundColor": "#FFA500"
 353         },
 354         {
 355           "position": [23, 467],
 356           "bounds": [100, 50],
 357           "contentsOpaque": true,
 358           "drawsContent": true,
 359           "backgroundColor": "#FFA500"
 360         },
 361         {
 362           "position": [23, 532],
 363           "bounds": [100, 50],
 364           "contentsOpaque": true,
 365           "drawsContent": true,
 366           "backgroundColor": "#FFA500"
 367         },
 368         {
 369           "position": [23, 597],
 370           "bounds": [100, 50],
 371           "contentsOpaque": true,
 372           "drawsContent": true,
 373           "backgroundColor": "#FFA500"
 374         },
 375         {
 376           "position": [23, 662],
 377           "bounds": [100, 50],
 378           "contentsOpaque": true,
 379           "drawsContent": true,
 380           "backgroundColor": "#FFA500"
 381         }
 382       ]
 383     }
 384   ]
 385 }
 386