src/third_party/WebKit/LayoutTests/platform/win/virtual/softwarecompositing/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                   "drawsContent": true
  48                 },
  49                 {
  50                   "position": [285, 0],
  51                   "bounds": [15, 485],
  52                   "drawsContent": true
  53                 },
  54                 {
  55                   "position": [285, 485],
  56                   "bounds": [15, 15],
  57                   "drawsContent": true
  58                 }
  59               ]
  60             }
  61           ]
  62         },
  63         {
  64           "position": [23, 77],
  65           "bounds": [100, 50],
  66           "contentsOpaque": true,
  67           "drawsContent": true,
  68           "backgroundColor": "#FFA500"
  69         },
  70         {
  71           "position": [23, 142],
  72           "bounds": [100, 50],
  73           "contentsOpaque": true,
  74           "drawsContent": true,
  75           "backgroundColor": "#FFA500"
  76         },
  77         {
  78           "position": [23, 207],
  79           "bounds": [100, 50],
  80           "contentsOpaque": true,
  81           "drawsContent": true,
  82           "backgroundColor": "#FFA500"
  83         },
  84         {
  85           "position": [23, 272],
  86           "bounds": [100, 50],
  87           "contentsOpaque": true,
  88           "drawsContent": true,
  89           "backgroundColor": "#FFA500"
  90         },
  91         {
  92           "position": [23, 337],
  93           "bounds": [100, 50],
  94           "contentsOpaque": true,
  95           "drawsContent": true,
  96           "backgroundColor": "#FFA500"
  97         },
  98         {
  99           "position": [23, 402],
 100           "bounds": [100, 50],
 101           "contentsOpaque": true,
 102           "drawsContent": true,
 103           "backgroundColor": "#FFA500"
 104         },
 105         {
 106           "position": [23, 467],
 107           "bounds": [100, 50],
 108           "contentsOpaque": true,
 109           "drawsContent": true,
 110           "backgroundColor": "#FFA500"
 111         },
 112         {
 113           "position": [23, 532],
 114           "bounds": [100, 50],
 115           "contentsOpaque": true,
 116           "drawsContent": true,
 117           "backgroundColor": "#FFA500"
 118         },
 119         {
 120           "position": [23, 597],
 121           "bounds": [100, 50],
 122           "contentsOpaque": true,
 123           "drawsContent": true,
 124           "backgroundColor": "#FFA500"
 125         },
 126         {
 127           "position": [23, 662],
 128           "bounds": [100, 50],
 129           "contentsOpaque": true,
 130           "drawsContent": true,
 131           "backgroundColor": "#FFA500"
 132         }
 133       ]
 134     }
 135   ]
 136 }
 137
 138
 139 *** iteration 2: ***
 140
 141 {
 142   "bounds": [785, 2463],
 143   "children": [
 144     {
 145       "bounds": [785, 2463],
 146       "contentsOpaque": true,
 147       "drawsContent": true,
 148       "children": [
 149         {
 150           "position": [8, 62],
 151           "bounds": [300, 500],
 152           "children": [
 153             {
 154               "bounds": [285, 485],
 155               "children": [
 156                 {
 157                   "bounds": [285, 665],
 158                   "shouldFlattenTransform": false,
 159                   "children": [
 160                     {
 161                       "position": [0, 195],
 162                       "bounds": [285, 15],
 163                       "shouldFlattenTransform": false,
 164                       "drawsContent": true
 165                     }
 166                   ]
 167                 }
 168               ]
 169             },
 170             {
 171               "children": [
 172                 {
 173                   "position": [0, 485],
 174                   "bounds": [285, 15],
 175                   "drawsContent": true
 176                 },
 177                 {
 178                   "position": [285, 0],
 179                   "bounds": [15, 485],
 180                   "drawsContent": true
 181                 },
 182                 {
 183                   "position": [285, 485],
 184                   "bounds": [15, 15],
 185                   "drawsContent": true
 186                 }
 187               ]
 188             }
 189           ]
 190         },
 191         {
 192           "position": [23, 77],
 193           "bounds": [100, 50],
 194           "contentsOpaque": true,
 195           "drawsContent": true,
 196           "backgroundColor": "#FFA500"
 197         },
 198         {
 199           "position": [23, 142],
 200           "bounds": [100, 50],
 201           "contentsOpaque": true,
 202           "drawsContent": true,
 203           "backgroundColor": "#FFA500"
 204         },
 205         {
 206           "position": [23, 207],
 207           "bounds": [100, 50],
 208           "contentsOpaque": true,
 209           "drawsContent": true,
 210           "backgroundColor": "#FFA500"
 211         },
 212         {
 213           "position": [23, 272],
 214           "bounds": [100, 50],
 215           "contentsOpaque": true,
 216           "drawsContent": true,
 217           "backgroundColor": "#FFA500"
 218         },
 219         {
 220           "position": [23, 337],
 221           "bounds": [100, 50],
 222           "contentsOpaque": true,
 223           "drawsContent": true,
 224           "backgroundColor": "#FFA500"
 225         },
 226         {
 227           "position": [23, 402],
 228           "bounds": [100, 50],
 229           "contentsOpaque": true,
 230           "drawsContent": true,
 231           "backgroundColor": "#FFA500"
 232         },
 233         {
 234           "position": [23, 467],
 235           "bounds": [100, 50],
 236           "contentsOpaque": true,
 237           "drawsContent": true,
 238           "backgroundColor": "#FFA500"
 239         },
 240         {
 241           "position": [23, 532],
 242           "bounds": [100, 50],
 243           "contentsOpaque": true,
 244           "drawsContent": true,
 245           "backgroundColor": "#FFA500"
 246         },
 247         {
 248           "position": [23, 597],
 249           "bounds": [100, 50],
 250           "contentsOpaque": true,
 251           "drawsContent": true,
 252           "backgroundColor": "#FFA500"
 253         },
 254         {
 255           "position": [23, 662],
 256           "bounds": [100, 50],
 257           "contentsOpaque": true,
 258           "drawsContent": true,
 259           "backgroundColor": "#FFA500"
 260         }
 261       ]
 262     }
 263   ]
 264 }
 265
 266
 267 *** iteration 3: ***
 268
 269 {
 270   "bounds": [785, 4383],
 271   "children": [
 272     {
 273       "bounds": [785, 4383],
 274       "contentsOpaque": true,
 275       "drawsContent": true,
 276       "children": [
 277         {
 278           "position": [8, 62],
 279           "bounds": [300, 500],
 280           "children": [
 281             {
 282               "bounds": [285, 485],
 283               "children": [
 284                 {
 285                   "bounds": [285, 665],
 286                   "shouldFlattenTransform": false,
 287                   "children": [
 288                     {
 289                       "position": [0, 195],
 290                       "bounds": [285, 15],
 291                       "shouldFlattenTransform": false
 292                     }
 293                   ]
 294                 }
 295               ]
 296             },
 297             {
 298               "children": [
 299                 {
 300                   "position": [0, 485],
 301                   "bounds": [285, 15],
 302                   "drawsContent": true
 303                 },
 304                 {
 305                   "position": [285, 0],
 306                   "bounds": [15, 485],
 307                   "drawsContent": true
 308                 },
 309                 {
 310                   "position": [285, 485],
 311                   "bounds": [15, 15],
 312                   "drawsContent": true
 313                 }
 314               ]
 315             }
 316           ]
 317         },
 318         {
 319           "position": [23, 77],
 320           "bounds": [100, 50],
 321           "contentsOpaque": true,
 322           "drawsContent": true,
 323           "backgroundColor": "#FFA500"
 324         },
 325         {
 326           "position": [23, 142],
 327           "bounds": [100, 50],
 328           "contentsOpaque": true,
 329           "drawsContent": true,
 330           "backgroundColor": "#FFA500"
 331         },
 332         {
 333           "position": [23, 207],
 334           "bounds": [100, 50],
 335           "contentsOpaque": true,
 336           "drawsContent": true,
 337           "backgroundColor": "#FFA500"
 338         },
 339         {
 340           "position": [23, 272],
 341           "bounds": [100, 50],
 342           "contentsOpaque": true,
 343           "drawsContent": true,
 344           "backgroundColor": "#FFA500"
 345         },
 346         {
 347           "position": [23, 337],
 348           "bounds": [100, 50],
 349           "contentsOpaque": true,
 350           "drawsContent": true,
 351           "backgroundColor": "#FFA500"
 352         },
 353         {
 354           "position": [23, 402],
 355           "bounds": [100, 50],
 356           "contentsOpaque": true,
 357           "drawsContent": true,
 358           "backgroundColor": "#FFA500"
 359         },
 360         {
 361           "position": [23, 467],
 362           "bounds": [100, 50],
 363           "contentsOpaque": true,
 364           "drawsContent": true,
 365           "backgroundColor": "#FFA500"
 366         },
 367         {
 368           "position": [23, 532],
 369           "bounds": [100, 50],
 370           "contentsOpaque": true,
 371           "drawsContent": true,
 372           "backgroundColor": "#FFA500"
 373         },
 374         {
 375           "position": [23, 597],
 376           "bounds": [100, 50],
 377           "contentsOpaque": true,
 378           "drawsContent": true,
 379           "backgroundColor": "#FFA500"
 380         },
 381         {
 382           "position": [23, 662],
 383           "bounds": [100, 50],
 384           "contentsOpaque": true,
 385           "drawsContent": true,
 386           "backgroundColor": "#FFA500"
 387         }
 388       ]
 389     }
 390   ]
 391 }
 392