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

   1 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.
   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, 2451],
 141   "children": [
 142     {
 143       "bounds": [785, 2451],
 144       "contentsOpaque": true,
 145       "drawsContent": true,
 146       "children": [
 147         {
 148           "position": [8, 80],
 149           "bounds": [300, 500],
 150           "contentsOpaque": true,
 151           "drawsContent": true,
 152           "backgroundColor": "#0000FF",
 153           "children": [
 154             {
 155               "bounds": [285, 485],
 156               "children": [
 157                 {
 158                   "bounds": [285, 665],
 159                   "shouldFlattenTransform": false,
 160                   "drawsContent": true,
 161                   "children": [
 162                     {
 163                       "shouldFlattenTransform": false
 164                     }
 165                   ]
 166                 }
 167               ]
 168             },
 169             {
 170               "children": [
 171                 {
 172                   "position": [0, 485],
 173                   "bounds": [285, 15]
 174                 },
 175                 {
 176                   "position": [285, 0],
 177                   "bounds": [15, 485]
 178                 },
 179                 {
 180                   "position": [285, 485],
 181                   "bounds": [15, 15],
 182                   "drawsContent": true
 183                 }
 184               ]
 185             }
 186           ]
 187         },
 188         {
 189           "position": [23, 95],
 190           "bounds": [100, 50],
 191           "contentsOpaque": true,
 192           "drawsContent": true,
 193           "backgroundColor": "#FFA500"
 194         },
 195         {
 196           "position": [23, 160],
 197           "bounds": [100, 50],
 198           "contentsOpaque": true,
 199           "drawsContent": true,
 200           "backgroundColor": "#FFA500"
 201         },
 202         {
 203           "position": [23, 225],
 204           "bounds": [100, 50],
 205           "contentsOpaque": true,
 206           "drawsContent": true,
 207           "backgroundColor": "#FFA500"
 208         },
 209         {
 210           "position": [23, 290],
 211           "bounds": [100, 50],
 212           "contentsOpaque": true,
 213           "drawsContent": true,
 214           "backgroundColor": "#FFA500"
 215         },
 216         {
 217           "position": [23, 355],
 218           "bounds": [100, 50],
 219           "contentsOpaque": true,
 220           "drawsContent": true,
 221           "backgroundColor": "#FFA500"
 222         },
 223         {
 224           "position": [23, 420],
 225           "bounds": [100, 50],
 226           "contentsOpaque": true,
 227           "drawsContent": true,
 228           "backgroundColor": "#FFA500"
 229         },
 230         {
 231           "position": [23, 485],
 232           "bounds": [100, 50],
 233           "contentsOpaque": true,
 234           "drawsContent": true,
 235           "backgroundColor": "#FFA500"
 236         },
 237         {
 238           "position": [23, 550],
 239           "bounds": [100, 50],
 240           "contentsOpaque": true,
 241           "drawsContent": true,
 242           "backgroundColor": "#FFA500"
 243         },
 244         {
 245           "position": [23, 615],
 246           "bounds": [100, 50],
 247           "contentsOpaque": true,
 248           "drawsContent": true,
 249           "backgroundColor": "#FFA500"
 250         },
 251         {
 252           "position": [23, 680],
 253           "bounds": [100, 50],
 254           "contentsOpaque": true,
 255           "drawsContent": true,
 256           "backgroundColor": "#FFA500"
 257         }
 258       ]
 259     }
 260   ]
 261 }
 262
 263
 264 *** iteration 3: ***
 265
 266 {
 267   "bounds": [785, 4356],
 268   "children": [
 269     {
 270       "bounds": [785, 4356],
 271       "contentsOpaque": true,
 272       "drawsContent": true,
 273       "children": [
 274         {
 275           "position": [8, 80],
 276           "bounds": [300, 500],
 277           "contentsOpaque": true,
 278           "drawsContent": true,
 279           "backgroundColor": "#0000FF",
 280           "children": [
 281             {
 282               "bounds": [285, 485],
 283               "children": [
 284                 {
 285                   "bounds": [285, 665],
 286                   "shouldFlattenTransform": false,
 287                   "drawsContent": true,
 288                   "children": [
 289                     {
 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, 95],
 317           "bounds": [100, 50],
 318           "contentsOpaque": true,
 319           "drawsContent": true,
 320           "backgroundColor": "#FFA500"
 321         },
 322         {
 323           "position": [23, 160],
 324           "bounds": [100, 50],
 325           "contentsOpaque": true,
 326           "drawsContent": true,
 327           "backgroundColor": "#FFA500"
 328         },
 329         {
 330           "position": [23, 225],
 331           "bounds": [100, 50],
 332           "contentsOpaque": true,
 333           "drawsContent": true,
 334           "backgroundColor": "#FFA500"
 335         },
 336         {
 337           "position": [23, 290],
 338           "bounds": [100, 50],
 339           "contentsOpaque": true,
 340           "drawsContent": true,
 341           "backgroundColor": "#FFA500"
 342         },
 343         {
 344           "position": [23, 355],
 345           "bounds": [100, 50],
 346           "contentsOpaque": true,
 347           "drawsContent": true,
 348           "backgroundColor": "#FFA500"
 349         },
 350         {
 351           "position": [23, 420],
 352           "bounds": [100, 50],
 353           "contentsOpaque": true,
 354           "drawsContent": true,
 355           "backgroundColor": "#FFA500"
 356         },
 357         {
 358           "position": [23, 485],
 359           "bounds": [100, 50],
 360           "contentsOpaque": true,
 361           "drawsContent": true,
 362           "backgroundColor": "#FFA500"
 363         },
 364         {
 365           "position": [23, 550],
 366           "bounds": [100, 50],
 367           "contentsOpaque": true,
 368           "drawsContent": true,
 369           "backgroundColor": "#FFA500"
 370         },
 371         {
 372           "position": [23, 615],
 373           "bounds": [100, 50],
 374           "contentsOpaque": true,
 375           "drawsContent": true,
 376           "backgroundColor": "#FFA500"
 377         },
 378         {
 379           "position": [23, 680],
 380           "bounds": [100, 50],
 381           "contentsOpaque": true,
 382           "drawsContent": true,
 383           "backgroundColor": "#FFA500"
 384         }
 385       ]
 386     }
 387   ]
 388 }
 389
 390
 391 *** iteration 4: ***
 392
 393 {
 394   "bounds": [785, 6261],
 395   "children": [
 396     {
 397       "bounds": [785, 6261],
 398       "contentsOpaque": true,
 399       "drawsContent": true,
 400       "children": [
 401         {
 402           "position": [8, 80],
 403           "bounds": [300, 500],
 404           "children": [
 405             {
 406               "bounds": [285, 485],
 407               "children": [
 408                 {
 409                   "bounds": [285, 665],
 410                   "shouldFlattenTransform": false,
 411                   "children": [
 412                     {
 413                       "position": [0, 195],
 414                       "bounds": [285, 15],
 415                       "shouldFlattenTransform": false,
 416                       "drawsContent": true
 417                     }
 418                   ]
 419                 }
 420               ]
 421             },
 422             {
 423               "children": [
 424                 {
 425                   "position": [0, 485],
 426                   "bounds": [285, 15]
 427                 },
 428                 {
 429                   "position": [285, 0],
 430                   "bounds": [15, 485]
 431                 },
 432                 {
 433                   "position": [285, 485],
 434                   "bounds": [15, 15],
 435                   "drawsContent": true
 436                 }
 437               ]
 438             }
 439           ]
 440         },
 441         {
 442           "position": [23, 95],
 443           "bounds": [100, 50],
 444           "contentsOpaque": true,
 445           "drawsContent": true,
 446           "backgroundColor": "#FFA500"
 447         },
 448         {
 449           "position": [23, 160],
 450           "bounds": [100, 50],
 451           "contentsOpaque": true,
 452           "drawsContent": true,
 453           "backgroundColor": "#FFA500"
 454         },
 455         {
 456           "position": [23, 225],
 457           "bounds": [100, 50],
 458           "contentsOpaque": true,
 459           "drawsContent": true,
 460           "backgroundColor": "#FFA500"
 461         },
 462         {
 463           "position": [23, 290],
 464           "bounds": [100, 50],
 465           "contentsOpaque": true,
 466           "drawsContent": true,
 467           "backgroundColor": "#FFA500"
 468         },
 469         {
 470           "position": [23, 355],
 471           "bounds": [100, 50],
 472           "contentsOpaque": true,
 473           "drawsContent": true,
 474           "backgroundColor": "#FFA500"
 475         },
 476         {
 477           "position": [23, 420],
 478           "bounds": [100, 50],
 479           "contentsOpaque": true,
 480           "drawsContent": true,
 481           "backgroundColor": "#FFA500"
 482         },
 483         {
 484           "position": [23, 485],
 485           "bounds": [100, 50],
 486           "contentsOpaque": true,
 487           "drawsContent": true,
 488           "backgroundColor": "#FFA500"
 489         },
 490         {
 491           "position": [23, 550],
 492           "bounds": [100, 50],
 493           "contentsOpaque": true,
 494           "drawsContent": true,
 495           "backgroundColor": "#FFA500"
 496         },
 497         {
 498           "position": [23, 615],
 499           "bounds": [100, 50],
 500           "contentsOpaque": true,
 501           "drawsContent": true,
 502           "backgroundColor": "#FFA500"
 503         },
 504         {
 505           "position": [23, 680],
 506           "bounds": [100, 50],
 507           "contentsOpaque": true,
 508           "drawsContent": true,
 509           "backgroundColor": "#FFA500"
 510         }
 511       ]
 512     }
 513   ]
 514 }
 515