third_party/WebKit/LayoutTests/fast/backgrounds/gradient-background-leakage-hidpi.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css">
   5     .box {
   6       height: 30px;
   7       width: 200px;
   8       background-image: -webkit-linear-gradient(black, black);
   9       border-radius: 25px;
  10       border: 1px solid green;
  11     }
  12   </style>
  13 </head>
  14     <script>
  15         window.onload = function() {
  16             if (window.testRunner) {
  17                 testRunner.waitUntilDone();
  18                 testRunner.setBackingScaleFactor(2, finishTest);
  19             }
  20         }
  21
  22         function finishTest() {
  23             setTimeout(function() { testRunner.notifyDone(); }, 0);
  24         }
  25     </script>
  26 <body>
  27   <!-- You should see no red leaking through the inner edge of the border. -->
  28   <div style="background-color: red; padding: 10px; width: 200px">
  29     <div class="box"></div>
  30   </div>
  31 </body>
  32 </html>