src/third_party/WebKit/LayoutTests/platform/android/compositing/squashing/squash-compositing-hover-expected.txt

   1 Test overlap is rendered correctly when hovering over elements
   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           "position": [8, 8],
  14           "bounds": [784, 0]
  15         },
  16         {
  17           "children": [
  18             {
  19               "position": [100, 100],
  20               "bounds": [100, 100],
  21               "contentsOpaque": true,
  22               "drawsContent": true,
  23               "backgroundColor": "#0000FF"
  24             },
  25             {
  26               "position": [180, 180],
  27               "bounds": [260, 260],
  28               "drawsContent": true
  29             }
  30           ]
  31         }
  32       ]
  33     }
  34   ]
  35 }
  36 Case 2: hovering over the "middle" element (causes that div to become its own composited layer)
  37 {
  38   "bounds": [800, 600],
  39   "children": [
  40     {
  41       "bounds": [800, 600],
  42       "contentsOpaque": true,
  43       "drawsContent": true,
  44       "children": [
  45         {
  46           "position": [8, 8],
  47           "bounds": [784, 0]
  48         },
  49         {
  50           "position": [100, 100],
  51           "bounds": [100, 100],
  52           "contentsOpaque": true,
  53           "drawsContent": true,
  54           "backgroundColor": "#0000FF"
  55         },
  56         {
  57           "children": [
  58             {
  59               "position": [180, 180],
  60               "bounds": [100, 100],
  61               "contentsOpaque": true,
  62               "drawsContent": true,
  63               "backgroundColor": "#008000"
  64             },
  65             {
  66               "position": [260, 260],
  67               "bounds": [180, 180],
  68               "drawsContent": true
  69             }
  70           ]
  71         }
  72       ]
  73     }
  74   ]
  75 }
  76 Case 3: hovering over the "middle2" element (causes that div to become its own composited layer)
  77 {
  78   "bounds": [800, 600],
  79   "children": [
  80     {
  81       "bounds": [800, 600],
  82       "contentsOpaque": true,
  83       "drawsContent": true,
  84       "children": [
  85         {
  86           "position": [8, 8],
  87           "bounds": [784, 0]
  88         },
  89         {
  90           "children": [
  91             {
  92               "position": [100, 100],
  93               "bounds": [100, 100],
  94               "contentsOpaque": true,
  95               "drawsContent": true,
  96               "backgroundColor": "#0000FF"
  97             },
  98             {
  99               "position": [180, 180],
 100               "bounds": [100, 100],
 101               "drawsContent": true
 102             }
 103           ]
 104         },
 105         {
 106           "children": [
 107             {
 108               "position": [260, 260],
 109               "bounds": [100, 100],
 110               "contentsOpaque": true,
 111               "drawsContent": true,
 112               "backgroundColor": "#008000"
 113             },
 114             {
 115               "position": [340, 340],
 116               "bounds": [100, 100],
 117               "drawsContent": true
 118             }
 119           ]
 120         }
 121       ]
 122     }
 123   ]
 124 }
 125 Case 4: hovering over the "top" element (causes that div to become its own composited layer)
 126 {
 127   "bounds": [800, 600],
 128   "children": [
 129     {
 130       "bounds": [800, 600],
 131       "contentsOpaque": true,
 132       "drawsContent": true,
 133       "children": [
 134         {
 135           "position": [8, 8],
 136           "bounds": [784, 0]
 137         },
 138         {
 139           "children": [
 140             {
 141               "position": [100, 100],
 142               "bounds": [100, 100],
 143               "contentsOpaque": true,
 144               "drawsContent": true,
 145               "backgroundColor": "#0000FF"
 146             },
 147             {
 148               "position": [180, 180],
 149               "bounds": [180, 180],
 150               "drawsContent": true
 151             }
 152           ]
 153         },
 154         {
 155           "position": [340, 340],
 156           "bounds": [100, 100],
 157           "contentsOpaque": true,
 158           "drawsContent": true,
 159           "backgroundColor": "#008000"
 160         }
 161       ]
 162     }
 163   ]
 164 }
 165 Case 5: back to situation in case 1
 166 {
 167   "bounds": [800, 600],
 168   "children": [
 169     {
 170       "bounds": [800, 600],
 171       "contentsOpaque": true,
 172       "drawsContent": true,
 173       "children": [
 174         {
 175           "position": [8, 8],
 176           "bounds": [784, 0]
 177         },
 178         {
 179           "children": [
 180             {
 181               "position": [100, 100],
 182               "bounds": [100, 100],
 183               "contentsOpaque": true,
 184               "drawsContent": true,
 185               "backgroundColor": "#0000FF"
 186             },
 187             {
 188               "position": [180, 180],
 189               "bounds": [260, 260],
 190               "drawsContent": true
 191             }
 192           ]
 193         }
 194       ]
 195     }
 196   ]
 197 }
 198