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