third_party/WebKit/LayoutTests/platform/linux/compositing/overflow/selection-gaps-after-removing-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 1 and 2, and its scrolling block selection layer (the child of the scrolling contents layer) draws content only on iteration 3. 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, 68],
  26           "bounds": [300, 500],
  27           "contentsOpaque": true,
  28           "drawsContent": true,
  29           "backgroundColor": "#0000FF",
  30           "children": [
  31             {
  32               "bounds": [285, 485],
  33               "children": [
  34                 {
  35                   "bounds": [285, 665],
  36                   "shouldFlattenTransform": false,
  37                   "drawsContent": true,
  38                   "children": [
  39                     {
  40                       "shouldFlattenTransform": false
  41                     }
  42                   ]
  43                 }
  44               ]
  45             },
  46             {
  47               "children": [
  48                 {
  49                   "position": [0, 485],
  50                   "bounds": [285, 15],
  51                   "drawsContent": true
  52                 },
  53                 {
  54                   "position": [285, 0],
  55                   "bounds": [15, 485],
  56                   "drawsContent": true
  57                 },
  58                 {
  59                   "position": [285, 485],
  60                   "bounds": [15, 15],
  61                   "drawsContent": true
  62                 }
  63               ]
  64             }
  65           ]
  66         },
  67         {
  68           "position": [23, 83],
  69           "bounds": [100, 50],
  70           "contentsOpaque": true,
  71           "drawsContent": true,
  72           "backgroundColor": "#FFA500"
  73         },
  74         {
  75           "position": [23, 148],
  76           "bounds": [100, 50],
  77           "contentsOpaque": true,
  78           "drawsContent": true,
  79           "backgroundColor": "#FFA500"
  80         },
  81         {
  82           "position": [23, 213],
  83           "bounds": [100, 50],
  84           "contentsOpaque": true,
  85           "drawsContent": true,
  86           "backgroundColor": "#FFA500"
  87         },
  88         {
  89           "position": [23, 278],
  90           "bounds": [100, 50],
  91           "contentsOpaque": true,
  92           "drawsContent": true,
  93           "backgroundColor": "#FFA500"
  94         },
  95         {
  96           "position": [23, 343],
  97           "bounds": [100, 50],
  98           "contentsOpaque": true,
  99           "drawsContent": true,
 100           "backgroundColor": "#FFA500"
 101         },
 102         {
 103           "position": [23, 408],
 104           "bounds": [100, 50],
 105           "contentsOpaque": true,
 106           "drawsContent": true,
 107           "backgroundColor": "#FFA500"
 108         },
 109         {
 110           "position": [23, 473],
 111           "bounds": [100, 50],
 112           "contentsOpaque": true,
 113           "drawsContent": true,
 114           "backgroundColor": "#FFA500"
 115         },
 116         {
 117           "position": [23, 538],
 118           "bounds": [100, 50],
 119           "contentsOpaque": true,
 120           "drawsContent": true,
 121           "backgroundColor": "#FFA500"
 122         },
 123         {
 124           "position": [23, 603],
 125           "bounds": [100, 50],
 126           "contentsOpaque": true,
 127           "drawsContent": true,
 128           "backgroundColor": "#FFA500"
 129         },
 130         {
 131           "position": [23, 668],
 132           "bounds": [100, 50],
 133           "contentsOpaque": true,
 134           "drawsContent": true,
 135           "backgroundColor": "#FFA500"
 136         }
 137       ]
 138     }
 139   ]
 140 }
 141
 142
 143 *** iteration 2: ***
 144
 145 {
 146   "bounds": [785, 2658],
 147   "children": [
 148     {
 149       "bounds": [785, 2658],
 150       "contentsOpaque": true,
 151       "drawsContent": true,
 152       "children": [
 153         {
 154           "position": [8, 68],
 155           "bounds": [300, 500],
 156           "contentsOpaque": true,
 157           "drawsContent": true,
 158           "backgroundColor": "#0000FF",
 159           "children": [
 160             {
 161               "bounds": [285, 485],
 162               "children": [
 163                 {
 164                   "bounds": [285, 665],
 165                   "shouldFlattenTransform": false,
 166                   "drawsContent": true,
 167                   "children": [
 168                     {
 169                       "shouldFlattenTransform": false
 170                     }
 171                   ]
 172                 }
 173               ]
 174             },
 175             {
 176               "children": [
 177                 {
 178                   "position": [0, 485],
 179                   "bounds": [285, 15],
 180                   "drawsContent": true
 181                 },
 182                 {
 183                   "position": [285, 0],
 184                   "bounds": [15, 485],
 185                   "drawsContent": true
 186                 },
 187                 {
 188                   "position": [285, 485],
 189                   "bounds": [15, 15],
 190                   "drawsContent": true
 191                 }
 192               ]
 193             }
 194           ]
 195         },
 196         {
 197           "position": [23, 83],
 198           "bounds": [100, 50],
 199           "contentsOpaque": true,
 200           "drawsContent": true,
 201           "backgroundColor": "#FFA500"
 202         },
 203         {
 204           "position": [23, 148],
 205           "bounds": [100, 50],
 206           "contentsOpaque": true,
 207           "drawsContent": true,
 208           "backgroundColor": "#FFA500"
 209         },
 210         {
 211           "position": [23, 213],
 212           "bounds": [100, 50],
 213           "contentsOpaque": true,
 214           "drawsContent": true,
 215           "backgroundColor": "#FFA500"
 216         },
 217         {
 218           "position": [23, 278],
 219           "bounds": [100, 50],
 220           "contentsOpaque": true,
 221           "drawsContent": true,
 222           "backgroundColor": "#FFA500"
 223         },
 224         {
 225           "position": [23, 343],
 226           "bounds": [100, 50],
 227           "contentsOpaque": true,
 228           "drawsContent": true,
 229           "backgroundColor": "#FFA500"
 230         },
 231         {
 232           "position": [23, 408],
 233           "bounds": [100, 50],
 234           "contentsOpaque": true,
 235           "drawsContent": true,
 236           "backgroundColor": "#FFA500"
 237         },
 238         {
 239           "position": [23, 473],
 240           "bounds": [100, 50],
 241           "contentsOpaque": true,
 242           "drawsContent": true,
 243           "backgroundColor": "#FFA500"
 244         },
 245         {
 246           "position": [23, 538],
 247           "bounds": [100, 50],
 248           "contentsOpaque": true,
 249           "drawsContent": true,
 250           "backgroundColor": "#FFA500"
 251         },
 252         {
 253           "position": [23, 603],
 254           "bounds": [100, 50],
 255           "contentsOpaque": true,
 256           "drawsContent": true,
 257           "backgroundColor": "#FFA500"
 258         },
 259         {
 260           "position": [23, 668],
 261           "bounds": [100, 50],
 262           "contentsOpaque": true,
 263           "drawsContent": true,
 264           "backgroundColor": "#FFA500"
 265         }
 266       ]
 267     }
 268   ]
 269 }
 270
 271
 272 *** iteration 3: ***
 273
 274 {
 275   "bounds": [785, 4722],
 276   "children": [
 277     {
 278       "bounds": [785, 4722],
 279       "contentsOpaque": true,
 280       "drawsContent": true,
 281       "children": [
 282         {
 283           "position": [8, 68],
 284           "bounds": [300, 500],
 285           "drawsContent": true,
 286           "children": [
 287             {
 288               "bounds": [285, 485],
 289               "children": [
 290                 {
 291                   "bounds": [285, 665],
 292                   "shouldFlattenTransform": false,
 293                   "children": [
 294                     {
 295                       "position": [0, 195],
 296                       "bounds": [285, 15],
 297                       "shouldFlattenTransform": false,
 298                       "drawsContent": true
 299                     }
 300                   ]
 301                 }
 302               ]
 303             },
 304             {
 305               "children": [
 306                 {
 307                   "position": [0, 485],
 308                   "bounds": [285, 15],
 309                   "drawsContent": true
 310                 },
 311                 {
 312                   "position": [285, 0],
 313                   "bounds": [15, 485],
 314                   "drawsContent": true
 315                 },
 316                 {
 317                   "position": [285, 485],
 318                   "bounds": [15, 15],
 319                   "drawsContent": true
 320                 }
 321               ]
 322             }
 323           ]
 324         },
 325         {
 326           "position": [23, 83],
 327           "bounds": [100, 50],
 328           "contentsOpaque": true,
 329           "drawsContent": true,
 330           "backgroundColor": "#FFA500"
 331         },
 332         {
 333           "position": [23, 148],
 334           "bounds": [100, 50],
 335           "contentsOpaque": true,
 336           "drawsContent": true,
 337           "backgroundColor": "#FFA500"
 338         },
 339         {
 340           "position": [23, 213],
 341           "bounds": [100, 50],
 342           "contentsOpaque": true,
 343           "drawsContent": true,
 344           "backgroundColor": "#FFA500"
 345         },
 346         {
 347           "position": [23, 278],
 348           "bounds": [100, 50],
 349           "contentsOpaque": true,
 350           "drawsContent": true,
 351           "backgroundColor": "#FFA500"
 352         },
 353         {
 354           "position": [23, 343],
 355           "bounds": [100, 50],
 356           "contentsOpaque": true,
 357           "drawsContent": true,
 358           "backgroundColor": "#FFA500"
 359         },
 360         {
 361           "position": [23, 408],
 362           "bounds": [100, 50],
 363           "contentsOpaque": true,
 364           "drawsContent": true,
 365           "backgroundColor": "#FFA500"
 366         },
 367         {
 368           "position": [23, 473],
 369           "bounds": [100, 50],
 370           "contentsOpaque": true,
 371           "drawsContent": true,
 372           "backgroundColor": "#FFA500"
 373         },
 374         {
 375           "position": [23, 538],
 376           "bounds": [100, 50],
 377           "contentsOpaque": true,
 378           "drawsContent": true,
 379           "backgroundColor": "#FFA500"
 380         },
 381         {
 382           "position": [23, 603],
 383           "bounds": [100, 50],
 384           "contentsOpaque": true,
 385           "drawsContent": true,
 386           "backgroundColor": "#FFA500"
 387         },
 388         {
 389           "position": [23, 668],
 390           "bounds": [100, 50],
 391           "contentsOpaque": true,
 392           "drawsContent": true,
 393           "backgroundColor": "#FFA500"
 394         }
 395       ]
 396     }
 397   ]
 398 }
 399
 400
 401 *** iteration 4: ***
 402
 403 {
 404   "bounds": [785, 6786],
 405   "children": [
 406     {
 407       "bounds": [785, 6786],
 408       "contentsOpaque": true,
 409       "drawsContent": true,
 410       "children": [
 411         {
 412           "position": [8, 68],
 413           "bounds": [300, 500],
 414           "drawsContent": true,
 415           "children": [
 416             {
 417               "bounds": [285, 485],
 418               "children": [
 419                 {
 420                   "bounds": [285, 665],
 421                   "shouldFlattenTransform": false,
 422                   "children": [
 423                     {
 424                       "position": [0, 195],
 425                       "bounds": [285, 15],
 426                       "shouldFlattenTransform": false
 427                     }
 428                   ]
 429                 }
 430               ]
 431             },
 432             {
 433               "children": [
 434                 {
 435                   "position": [0, 485],
 436                   "bounds": [285, 15],
 437                   "drawsContent": true
 438                 },
 439                 {
 440                   "position": [285, 0],
 441                   "bounds": [15, 485],
 442                   "drawsContent": true
 443                 },
 444                 {
 445                   "position": [285, 485],
 446                   "bounds": [15, 15],
 447                   "drawsContent": true
 448                 }
 449               ]
 450             }
 451           ]
 452         },
 453         {
 454           "position": [23, 83],
 455           "bounds": [100, 50],
 456           "contentsOpaque": true,
 457           "drawsContent": true,
 458           "backgroundColor": "#FFA500"
 459         },
 460         {
 461           "position": [23, 148],
 462           "bounds": [100, 50],
 463           "contentsOpaque": true,
 464           "drawsContent": true,
 465           "backgroundColor": "#FFA500"
 466         },
 467         {
 468           "position": [23, 213],
 469           "bounds": [100, 50],
 470           "contentsOpaque": true,
 471           "drawsContent": true,
 472           "backgroundColor": "#FFA500"
 473         },
 474         {
 475           "position": [23, 278],
 476           "bounds": [100, 50],
 477           "contentsOpaque": true,
 478           "drawsContent": true,
 479           "backgroundColor": "#FFA500"
 480         },
 481         {
 482           "position": [23, 343],
 483           "bounds": [100, 50],
 484           "contentsOpaque": true,
 485           "drawsContent": true,
 486           "backgroundColor": "#FFA500"
 487         },
 488         {
 489           "position": [23, 408],
 490           "bounds": [100, 50],
 491           "contentsOpaque": true,
 492           "drawsContent": true,
 493           "backgroundColor": "#FFA500"
 494         },
 495         {
 496           "position": [23, 473],
 497           "bounds": [100, 50],
 498           "contentsOpaque": true,
 499           "drawsContent": true,
 500           "backgroundColor": "#FFA500"
 501         },
 502         {
 503           "position": [23, 538],
 504           "bounds": [100, 50],
 505           "contentsOpaque": true,
 506           "drawsContent": true,
 507           "backgroundColor": "#FFA500"
 508         },
 509         {
 510           "position": [23, 603],
 511           "bounds": [100, 50],
 512           "contentsOpaque": true,
 513           "drawsContent": true,
 514           "backgroundColor": "#FFA500"
 515         },
 516         {
 517           "position": [23, 668],
 518           "bounds": [100, 50],
 519           "contentsOpaque": true,
 520           "drawsContent": true,
 521           "backgroundColor": "#FFA500"
 522         }
 523       ]
 524     }
 525   ]
 526 }
 527