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