src/third_party/WebKit/LayoutTests/compositing/squashing/add-remove-squashed-layers-expected.txt

   1 Test that layers can be nicely added or removed from a squashed layer, without unnecessary repaints on any layer. Click anywhere to test interactively; keep clicking to proceed through the test.
   2
   3 CASE 1, original layer tree with overlap1 and overlap2:
   4 {
   5   "bounds": [800, 600],
   6   "children": [
   7     {
   8       "bounds": [800, 600],
   9       "contentsOpaque": true,
  10       "drawsContent": true,
  11       "children": [
  12         {
  13           "shouldFlattenTransform": false,
  14           "children": [
  15             {
  16               "position": [60, 60],
  17               "bounds": [400, 400],
  18               "contentsOpaque": true,
  19               "drawsContent": true,
  20               "backgroundColor": "#808080"
  21             },
  22             {
  23               "position": [140, 140],
  24               "bounds": [180, 180],
  25               "drawsContent": true
  26             }
  27           ]
  28         }
  29       ]
  30     }
  31   ]
  32 }
  33 CASE 2, overlap3 gets added:
  34 {
  35   "bounds": [800, 600],
  36   "children": [
  37     {
  38       "bounds": [800, 600],
  39       "contentsOpaque": true,
  40       "drawsContent": true,
  41       "children": [
  42         {
  43           "shouldFlattenTransform": false,
  44           "children": [
  45             {
  46               "position": [60, 60],
  47               "bounds": [400, 400],
  48               "contentsOpaque": true,
  49               "drawsContent": true,
  50               "backgroundColor": "#808080"
  51             },
  52             {
  53               "position": [140, 140],
  54               "bounds": [260, 260],
  55               "drawsContent": true,
  56               "repaintRects": [
  57                 [160, 160, 100, 100]
  58               ]
  59             }
  60           ]
  61         }
  62       ]
  63     }
  64   ]
  65 }
  66 CASE 3, overlap2 gets removed. Since this does not resize the layer, there should only be a repaint of overlap2:
  67 {
  68   "bounds": [800, 600],
  69   "children": [
  70     {
  71       "bounds": [800, 600],
  72       "contentsOpaque": true,
  73       "drawsContent": true,
  74       "children": [
  75         {
  76           "shouldFlattenTransform": false,
  77           "children": [
  78             {
  79               "position": [60, 60],
  80               "bounds": [400, 400],
  81               "contentsOpaque": true,
  82               "drawsContent": true,
  83               "backgroundColor": "#808080"
  84             },
  85             {
  86               "position": [140, 140],
  87               "bounds": [260, 260],
  88               "drawsContent": true,
  89               "repaintRects": [
  90                 [80, 80, 100, 100]
  91               ]
  92             }
  93           ]
  94         }
  95       ]
  96     }
  97   ]
  98 }
  99 CASE 4, overlap1 gets removed:
 100 {
 101   "bounds": [800, 600],
 102   "children": [
 103     {
 104       "bounds": [800, 600],
 105       "contentsOpaque": true,
 106       "drawsContent": true,
 107       "children": [
 108         {
 109           "shouldFlattenTransform": false,
 110           "children": [
 111             {
 112               "position": [60, 60],
 113               "bounds": [400, 400],
 114               "contentsOpaque": true,
 115               "drawsContent": true,
 116               "backgroundColor": "#808080"
 117             },
 118             {
 119               "position": [300, 300],
 120               "bounds": [100, 100],
 121               "drawsContent": true,
 122               "repaintRects": [
 123                 [160, 160, 100, 100],
 124                 [0, 0, 100, 100],
 125                 [0, 0, 100, 100]
 126               ]
 127             }
 128           ]
 129         }
 130       ]
 131     }
 132   ]
 133 }
 134 CASE 5, overlap2 gets added back:
 135 {
 136   "bounds": [800, 600],
 137   "children": [
 138     {
 139       "bounds": [800, 600],
 140       "contentsOpaque": true,
 141       "drawsContent": true,
 142       "children": [
 143         {
 144           "shouldFlattenTransform": false,
 145           "children": [
 146             {
 147               "position": [60, 60],
 148               "bounds": [400, 400],
 149               "contentsOpaque": true,
 150               "drawsContent": true,
 151               "backgroundColor": "#808080"
 152             },
 153             {
 154               "position": [220, 220],
 155               "bounds": [180, 180],
 156               "drawsContent": true,
 157               "repaintRects": [
 158                 [80, 80, 100, 100],
 159                 [0, 0, 100, 100],
 160                 [0, 0, 100, 100]
 161               ]
 162             }
 163           ]
 164         }
 165       ]
 166     }
 167   ]
 168 }
 169 CASE 6, overlap1 gets added back, and overlap3 gets removed:
 170 {
 171   "bounds": [800, 600],
 172   "children": [
 173     {
 174       "bounds": [800, 600],
 175       "contentsOpaque": true,
 176       "drawsContent": true,
 177       "children": [
 178         {
 179           "shouldFlattenTransform": false,
 180           "children": [
 181             {
 182               "position": [60, 60],
 183               "bounds": [400, 400],
 184               "contentsOpaque": true,
 185               "drawsContent": true,
 186               "backgroundColor": "#808080"
 187             },
 188             {
 189               "position": [140, 140],
 190               "bounds": [180, 180],
 191               "drawsContent": true,
 192               "repaintRects": [
 193                 [80, 80, 100, 100],
 194                 [80, 80, 100, 100],
 195                 [0, 0, 100, 100],
 196                 [0, 0, 100, 100]
 197               ]
 198             }
 199           ]
 200         }
 201       ]
 202     }
 203   ]
 204 }
 205