src/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, 62],
  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, 77],
  67           "bounds": [100, 50],
  68           "contentsOpaque": true,
  69           "drawsContent": true,
  70           "backgroundColor": "#FFA500"
  71         },
  72         {
  73           "position": [23, 142],
  74           "bounds": [100, 50],
  75           "contentsOpaque": true,
  76           "drawsContent": true,
  77           "backgroundColor": "#FFA500"
  78         },
  79         {
  80           "position": [23, 207],
  81           "bounds": [100, 50],
  82           "contentsOpaque": true,
  83           "drawsContent": true,
  84           "backgroundColor": "#FFA500"
  85         },
  86         {
  87           "position": [23, 272],
  88           "bounds": [100, 50],
  89           "contentsOpaque": true,
  90           "drawsContent": true,
  91           "backgroundColor": "#FFA500"
  92         },
  93         {
  94           "position": [23, 337],
  95           "bounds": [100, 50],
  96           "contentsOpaque": true,
  97           "drawsContent": true,
  98           "backgroundColor": "#FFA500"
  99         },
 100         {
 101           "position": [23, 402],
 102           "bounds": [100, 50],
 103           "contentsOpaque": true,
 104           "drawsContent": true,
 105           "backgroundColor": "#FFA500"
 106         },
 107         {
 108           "position": [23, 467],
 109           "bounds": [100, 50],
 110           "contentsOpaque": true,
 111           "drawsContent": true,
 112           "backgroundColor": "#FFA500"
 113         },
 114         {
 115           "position": [23, 532],
 116           "bounds": [100, 50],
 117           "contentsOpaque": true,
 118           "drawsContent": true,
 119           "backgroundColor": "#FFA500"
 120         },
 121         {
 122           "position": [23, 597],
 123           "bounds": [100, 50],
 124           "contentsOpaque": true,
 125           "drawsContent": true,
 126           "backgroundColor": "#FFA500"
 127         },
 128         {
 129           "position": [23, 662],
 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           "children": [
 282             {
 283               "bounds": [285, 485],
 284               "children": [
 285                 {
 286                   "bounds": [285, 665],
 287                   "shouldFlattenTransform": false,
 288                   "children": [
 289                     {
 290                       "position": [0, 195],
 291                       "bounds": [285, 15],
 292                       "shouldFlattenTransform": false,
 293                       "drawsContent": true
 294                     }
 295                   ]
 296                 }
 297               ]
 298             },
 299             {
 300               "children": [
 301                 {
 302                   "position": [0, 485],
 303                   "bounds": [285, 15]
 304                 },
 305                 {
 306                   "position": [285, 0],
 307                   "bounds": [15, 485]
 308                 },
 309                 {
 310                   "position": [285, 485],
 311                   "bounds": [15, 15],
 312                   "drawsContent": true
 313                 }
 314               ]
 315             }
 316           ]
 317         },
 318         {
 319           "position": [23, 95],
 320           "bounds": [100, 50],
 321           "contentsOpaque": true,
 322           "drawsContent": true,
 323           "backgroundColor": "#FFA500"
 324         },
 325         {
 326           "position": [23, 160],
 327           "bounds": [100, 50],
 328           "contentsOpaque": true,
 329           "drawsContent": true,
 330           "backgroundColor": "#FFA500"
 331         },
 332         {
 333           "position": [23, 225],
 334           "bounds": [100, 50],
 335           "contentsOpaque": true,
 336           "drawsContent": true,
 337           "backgroundColor": "#FFA500"
 338         },
 339         {
 340           "position": [23, 290],
 341           "bounds": [100, 50],
 342           "contentsOpaque": true,
 343           "drawsContent": true,
 344           "backgroundColor": "#FFA500"
 345         },
 346         {
 347           "position": [23, 355],
 348           "bounds": [100, 50],
 349           "contentsOpaque": true,
 350           "drawsContent": true,
 351           "backgroundColor": "#FFA500"
 352         },
 353         {
 354           "position": [23, 420],
 355           "bounds": [100, 50],
 356           "contentsOpaque": true,
 357           "drawsContent": true,
 358           "backgroundColor": "#FFA500"
 359         },
 360         {
 361           "position": [23, 485],
 362           "bounds": [100, 50],
 363           "contentsOpaque": true,
 364           "drawsContent": true,
 365           "backgroundColor": "#FFA500"
 366         },
 367         {
 368           "position": [23, 550],
 369           "bounds": [100, 50],
 370           "contentsOpaque": true,
 371           "drawsContent": true,
 372           "backgroundColor": "#FFA500"
 373         },
 374         {
 375           "position": [23, 615],
 376           "bounds": [100, 50],
 377           "contentsOpaque": true,
 378           "drawsContent": true,
 379           "backgroundColor": "#FFA500"
 380         },
 381         {
 382           "position": [23, 680],
 383           "bounds": [100, 50],
 384           "contentsOpaque": true,
 385           "drawsContent": true,
 386           "backgroundColor": "#FFA500"
 387         }
 388       ]
 389     }
 390   ]
 391 }
 392
 393
 394 *** iteration 4: ***
 395
 396 {
 397   "bounds": [785, 6306],
 398   "children": [
 399     {
 400       "bounds": [785, 6306],
 401       "contentsOpaque": true,
 402       "drawsContent": true,
 403       "children": [
 404         {
 405           "position": [8, 80],
 406           "bounds": [300, 500],
 407           "children": [
 408             {
 409               "bounds": [285, 485],
 410               "children": [
 411                 {
 412                   "bounds": [285, 665],
 413                   "shouldFlattenTransform": false,
 414                   "children": [
 415                     {
 416                       "position": [0, 195],
 417                       "bounds": [285, 15],
 418                       "shouldFlattenTransform": false
 419                     }
 420                   ]
 421                 }
 422               ]
 423             },
 424             {
 425               "children": [
 426                 {
 427                   "position": [0, 485],
 428                   "bounds": [285, 15]
 429                 },
 430                 {
 431                   "position": [285, 0],
 432                   "bounds": [15, 485]
 433                 },
 434                 {
 435                   "position": [285, 485],
 436                   "bounds": [15, 15],
 437                   "drawsContent": true
 438                 }
 439               ]
 440             }
 441           ]
 442         },
 443         {
 444           "position": [23, 95],
 445           "bounds": [100, 50],
 446           "contentsOpaque": true,
 447           "drawsContent": true,
 448           "backgroundColor": "#FFA500"
 449         },
 450         {
 451           "position": [23, 160],
 452           "bounds": [100, 50],
 453           "contentsOpaque": true,
 454           "drawsContent": true,
 455           "backgroundColor": "#FFA500"
 456         },
 457         {
 458           "position": [23, 225],
 459           "bounds": [100, 50],
 460           "contentsOpaque": true,
 461           "drawsContent": true,
 462           "backgroundColor": "#FFA500"
 463         },
 464         {
 465           "position": [23, 290],
 466           "bounds": [100, 50],
 467           "contentsOpaque": true,
 468           "drawsContent": true,
 469           "backgroundColor": "#FFA500"
 470         },
 471         {
 472           "position": [23, 355],
 473           "bounds": [100, 50],
 474           "contentsOpaque": true,
 475           "drawsContent": true,
 476           "backgroundColor": "#FFA500"
 477         },
 478         {
 479           "position": [23, 420],
 480           "bounds": [100, 50],
 481           "contentsOpaque": true,
 482           "drawsContent": true,
 483           "backgroundColor": "#FFA500"
 484         },
 485         {
 486           "position": [23, 485],
 487           "bounds": [100, 50],
 488           "contentsOpaque": true,
 489           "drawsContent": true,
 490           "backgroundColor": "#FFA500"
 491         },
 492         {
 493           "position": [23, 550],
 494           "bounds": [100, 50],
 495           "contentsOpaque": true,
 496           "drawsContent": true,
 497           "backgroundColor": "#FFA500"
 498         },
 499         {
 500           "position": [23, 615],
 501           "bounds": [100, 50],
 502           "contentsOpaque": true,
 503           "drawsContent": true,
 504           "backgroundColor": "#FFA500"
 505         },
 506         {
 507           "position": [23, 680],
 508           "bounds": [100, 50],
 509           "contentsOpaque": true,
 510           "drawsContent": true,
 511           "backgroundColor": "#FFA500"
 512         }
 513       ]
 514     }
 515   ]
 516 }
 517