third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-2-expected.txt

   1 This scenario verifies that the cyan "container" element scrolls properly with squashing enabled. The "container" element should not squash into a composited layer mapping owned by the fixed position layer or its descendant, since this would make it behave like a fixed position element during composited scrolling.
   2
   3 CASE 1, original layer tree:
   4 {
   5   "bounds": [785, 4050],
   6   "children": [
   7     {
   8       "bounds": [785, 4050],
   9       "contentsOpaque": true,
  10       "drawsContent": true,
  11       "children": [
  12         {
  13           "bounds": [400, 200],
  14           "contentsOpaque": true,
  15           "drawsContent": true,
  16           "backfaceVisibility": "hidden",
  17           "backgroundColor": "#0000FF",
  18           "children": [
  19             {
  20               "bounds": [50, 50],
  21               "contentsOpaque": true,
  22               "drawsContent": true,
  23               "backfaceVisibility": "hidden",
  24               "backgroundColor": "#FF0000"
  25             }
  26           ]
  27         },
  28         {
  29           "position": [100, 50],
  30           "bounds": [200, 4000],
  31           "contentsOpaque": true,
  32           "drawsContent": true,
  33           "backgroundColor": "#00FFFF"
  34         }
  35       ]
  36     }
  37   ]
  38 }
  39 CASE 2, scrolling y to 80, the "container" element should remain positioned with respect to the scrolled document, the fixed-pos layer compensates for the new scroll position:
  40 {
  41   "bounds": [785, 4050],
  42   "children": [
  43     {
  44       "bounds": [785, 4050],
  45       "contentsOpaque": true,
  46       "drawsContent": true,
  47       "children": [
  48         {
  49           "position": [0, 80],
  50           "bounds": [400, 200],
  51           "contentsOpaque": true,
  52           "drawsContent": true,
  53           "backfaceVisibility": "hidden",
  54           "backgroundColor": "#0000FF",
  55           "children": [
  56             {
  57               "bounds": [50, 50],
  58               "contentsOpaque": true,
  59               "drawsContent": true,
  60               "backfaceVisibility": "hidden",
  61               "backgroundColor": "#FF0000"
  62             }
  63           ]
  64         },
  65         {
  66           "position": [100, 50],
  67           "bounds": [200, 4000],
  68           "contentsOpaque": true,
  69           "drawsContent": true,
  70           "backgroundColor": "#00FFFF"
  71         }
  72       ]
  73     }
  74   ]
  75 }
  76