third_party/WebKit/LayoutTests/compositing/squashing/squashed-repaints-expected.txt

   1 Basic repaint test for squashed layers. The entire squashing layer should not need repainting when only a portion of it is invalidated. Test interactively by using --show-paint-rects and hovering over elements to change their color.
   2
   3 CASE 1, original layer tree:
   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": [100, 100],
  18               "contentsOpaque": true,
  19               "drawsContent": true,
  20               "backgroundColor": "#808080"
  21             },
  22             {
  23               "position": [140, 140],
  24               "bounds": [260, 260],
  25               "drawsContent": true
  26             }
  27           ]
  28         }
  29       ]
  30     }
  31   ]
  32 }
  33 CASE 2, overlap1 changes color:
  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": [100, 100],
  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                 [0, 0, 100, 100]
  58               ]
  59             }
  60           ]
  61         }
  62       ]
  63     }
  64   ]
  65 }
  66 CASE 3, overlap1 and overlap2 change color:
  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": [100, 100],
  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                 [0, 0, 100, 100]
  92               ]
  93             }
  94           ]
  95         }
  96       ]
  97     }
  98   ]
  99 }
 100 CASE 4, overlap2 and overlap3 change color:
 101 {
 102   "bounds": [800, 600],
 103   "children": [
 104     {
 105       "bounds": [800, 600],
 106       "contentsOpaque": true,
 107       "drawsContent": true,
 108       "children": [
 109         {
 110           "shouldFlattenTransform": false,
 111           "children": [
 112             {
 113               "position": [60, 60],
 114               "bounds": [100, 100],
 115               "contentsOpaque": true,
 116               "drawsContent": true,
 117               "backgroundColor": "#808080"
 118             },
 119             {
 120               "position": [140, 140],
 121               "bounds": [260, 260],
 122               "drawsContent": true,
 123               "repaintRects": [
 124                 [160, 160, 100, 100],
 125                 [80, 80, 100, 100]
 126               ]
 127             }
 128           ]
 129         }
 130       ]
 131     }
 132   ]
 133 }
 134 CASE 5, overlap3 and overlap1 change color:
 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": [100, 100],
 149               "contentsOpaque": true,
 150               "drawsContent": true,
 151               "backgroundColor": "#808080"
 152             },
 153             {
 154               "position": [140, 140],
 155               "bounds": [260, 260],
 156               "drawsContent": true,
 157               "repaintRects": [
 158                 [160, 160, 100, 100],
 159                 [0, 0, 100, 100]
 160               ]
 161             }
 162           ]
 163         }
 164       ]
 165     }
 166   ]
 167 }
 168