third_party/WebKit/LayoutTests/fast/events/touch/compositor-touch-hit-rects-squashing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css">
   5 <style>
   6 .composited {
   7   transform: translatez(0);
   8 }
   9
  10 .box {
  11   width: 50px;
  12   height: 50px;
  13   background-color: white;
  14 }
  15
  16 #middle {
  17   position: absolute;
  18   z-index: 1;
  19   top: 50px;
  20   left: 20px;
  21 }
  22
  23 #behind {
  24   position: absolute;
  25   z-index: 1;
  26   top: 90px;
  27   left: 60px;
  28 }
  29
  30 #top {
  31   position: absolute;
  32   z-index: 1;
  33   top: 130px;
  34   left: 100px;
  35 }
  36
  37 #tests {
  38   height: 200px;
  39 }
  40
  41 </style>
  42 </head>
  43 <body>
  44 <p id="description">
  45 This test verifies the hit test regions given to the compositor for composited layer squashing.
  46 </p>
  47
  48 <div id="tests">
  49   <div id="behind" class="composited box testcase"></div>
  50   <div id="middle" class="box testcase"></div>
  51   <div id="top" class="box testcase"></div>
  52 </div>
  53
  54 <div id="console"></div>
  55 <script src="resources/compositor-touch-hit-rects.js"></script>
  56 </body>