src/third_party/WebKit/LayoutTests/platform/win-xp/virtual/softwarecompositing/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           "children": [
 286             {
 287               "bounds": [285, 485],
 288               "children": [
 289                 {
 290                   "bounds": [285, 665],
 291                   "shouldFlattenTransform": false,
 292                   "children": [
 293                     {
 294                       "position": [0, 195],
 295                       "bounds": [285, 15],
 296                       "shouldFlattenTransform": false,
 297                       "drawsContent": true
 298                     }
 299                   ]
 300                 }
 301               ]
 302             },
 303             {
 304               "children": [
 305                 {
 306                   "position": [0, 485],
 307                   "bounds": [285, 15],
 308                   "drawsContent": true
 309                 },
 310                 {
 311                   "position": [285, 0],
 312                   "bounds": [15, 485],
 313                   "drawsContent": true
 314                 },
 315                 {
 316                   "position": [285, 485],
 317                   "bounds": [15, 15],
 318                   "drawsContent": true
 319                 }
 320               ]
 321             }
 322           ]
 323         },
 324         {
 325           "position": [23, 83],
 326           "bounds": [100, 50],
 327           "contentsOpaque": true,
 328           "drawsContent": true,
 329           "backgroundColor": "#FFA500"
 330         },
 331         {
 332           "position": [23, 148],
 333           "bounds": [100, 50],
 334           "contentsOpaque": true,
 335           "drawsContent": true,
 336           "backgroundColor": "#FFA500"
 337         },
 338         {
 339           "position": [23, 213],
 340           "bounds": [100, 50],
 341           "contentsOpaque": true,
 342           "drawsContent": true,
 343           "backgroundColor": "#FFA500"
 344         },
 345         {
 346           "position": [23, 278],
 347           "bounds": [100, 50],
 348           "contentsOpaque": true,
 349           "drawsContent": true,
 350           "backgroundColor": "#FFA500"
 351         },
 352         {
 353           "position": [23, 343],
 354           "bounds": [100, 50],
 355           "contentsOpaque": true,
 356           "drawsContent": true,
 357           "backgroundColor": "#FFA500"
 358         },
 359         {
 360           "position": [23, 408],
 361           "bounds": [100, 50],
 362           "contentsOpaque": true,
 363           "drawsContent": true,
 364           "backgroundColor": "#FFA500"
 365         },
 366         {
 367           "position": [23, 473],
 368           "bounds": [100, 50],
 369           "contentsOpaque": true,
 370           "drawsContent": true,
 371           "backgroundColor": "#FFA500"
 372         },
 373         {
 374           "position": [23, 538],
 375           "bounds": [100, 50],
 376           "contentsOpaque": true,
 377           "drawsContent": true,
 378           "backgroundColor": "#FFA500"
 379         },
 380         {
 381           "position": [23, 603],
 382           "bounds": [100, 50],
 383           "contentsOpaque": true,
 384           "drawsContent": true,
 385           "backgroundColor": "#FFA500"
 386         },
 387         {
 388           "position": [23, 668],
 389           "bounds": [100, 50],
 390           "contentsOpaque": true,
 391           "drawsContent": true,
 392           "backgroundColor": "#FFA500"
 393         }
 394       ]
 395     }
 396   ]
 397 }
 398
 399
 400 *** iteration 4: ***
 401
 402 {
 403   "bounds": [785, 6770],
 404   "children": [
 405     {
 406       "bounds": [785, 6770],
 407       "contentsOpaque": true,
 408       "drawsContent": true,
 409       "children": [
 410         {
 411           "position": [8, 68],
 412           "bounds": [300, 500],
 413           "children": [
 414             {
 415               "bounds": [285, 485],
 416               "children": [
 417                 {
 418                   "bounds": [285, 665],
 419                   "shouldFlattenTransform": false,
 420                   "children": [
 421                     {
 422                       "position": [0, 195],
 423                       "bounds": [285, 15],
 424                       "shouldFlattenTransform": false
 425                     }
 426                   ]
 427                 }
 428               ]
 429             },
 430             {
 431               "children": [
 432                 {
 433                   "position": [0, 485],
 434                   "bounds": [285, 15],
 435                   "drawsContent": true
 436                 },
 437                 {
 438                   "position": [285, 0],
 439                   "bounds": [15, 485],
 440                   "drawsContent": true
 441                 },
 442                 {
 443                   "position": [285, 485],
 444                   "bounds": [15, 15],
 445                   "drawsContent": true
 446                 }
 447               ]
 448             }
 449           ]
 450         },
 451         {
 452           "position": [23, 83],
 453           "bounds": [100, 50],
 454           "contentsOpaque": true,
 455           "drawsContent": true,
 456           "backgroundColor": "#FFA500"
 457         },
 458         {
 459           "position": [23, 148],
 460           "bounds": [100, 50],
 461           "contentsOpaque": true,
 462           "drawsContent": true,
 463           "backgroundColor": "#FFA500"
 464         },
 465         {
 466           "position": [23, 213],
 467           "bounds": [100, 50],
 468           "contentsOpaque": true,
 469           "drawsContent": true,
 470           "backgroundColor": "#FFA500"
 471         },
 472         {
 473           "position": [23, 278],
 474           "bounds": [100, 50],
 475           "contentsOpaque": true,
 476           "drawsContent": true,
 477           "backgroundColor": "#FFA500"
 478         },
 479         {
 480           "position": [23, 343],
 481           "bounds": [100, 50],
 482           "contentsOpaque": true,
 483           "drawsContent": true,
 484           "backgroundColor": "#FFA500"
 485         },
 486         {
 487           "position": [23, 408],
 488           "bounds": [100, 50],
 489           "contentsOpaque": true,
 490           "drawsContent": true,
 491           "backgroundColor": "#FFA500"
 492         },
 493         {
 494           "position": [23, 473],
 495           "bounds": [100, 50],
 496           "contentsOpaque": true,
 497           "drawsContent": true,
 498           "backgroundColor": "#FFA500"
 499         },
 500         {
 501           "position": [23, 538],
 502           "bounds": [100, 50],
 503           "contentsOpaque": true,
 504           "drawsContent": true,
 505           "backgroundColor": "#FFA500"
 506         },
 507         {
 508           "position": [23, 603],
 509           "bounds": [100, 50],
 510           "contentsOpaque": true,
 511           "drawsContent": true,
 512           "backgroundColor": "#FFA500"
 513         },
 514         {
 515           "position": [23, 668],
 516           "bounds": [100, 50],
 517           "contentsOpaque": true,
 518           "drawsContent": true,
 519           "backgroundColor": "#FFA500"
 520         }
 521       ]
 522     }
 523   ]
 524 }
 525