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