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