src/third_party/WebKit/LayoutTests/compositing/gestures/gesture-tapHighlight-adjustment-clipping-expected.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <script src="resources/link-highlight-helper.js"></script>
   4 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css">
   5 <style>
   6 #highlightTarget {
   7   position: absolute;
   8   height: 200px;
   9   left: 50px;
  10   top: 180px;
  11   width: 20px;
  12   background-color: red;
  13 }
  14
  15 #clip {
  16   position: absolute;
  17   top: 200px;
  18   left: 0;
  19   width: 50px;
  20   height: 150px;
  21   overflow: hidden;
  22 }
  23
  24 #fakeTarget {
  25   width: 150px;
  26   height: 150px;
  27   background-color: lightblue;
  28 }
  29
  30 </style>
  31
  32 <div id=highlightTarget class=target></div>
  33 <div id=clip>
  34   <div id=fakeTarget class=target></div>
  35 </div>
  36
  37 <script>
  38 description('This test is successful if the red box is completely covered in a green rectangle with square corners.');
  39 createHighlight(highlightTarget);
  40 testRunner.dumpAsTextWithPixelResults();
  41 </script>