LayoutTests/fast/gradients/css3-repeating-end-fill.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     div {
   6       display: inline-block;
   7       width: 200px;
   8       height: 100px;
   9       background-image: -webkit-repeating-linear-gradient(red 10%, green 10%, green 30%);
  10     }
  11
  12     .ref {
  13       background-image: -webkit-repeating-linear-gradient(green 10%, green 30%);
  14     }
  15   </style>
  16   <script type="text/javascript" charset="utf-8">
  17     if (window.layoutTestController) {
  18       var dumpPixels = true;
  19       layoutTestController.dumpAsText(dumpPixels);
  20     }
  21   </script>
  22 </head>
  23 <body>
  24
  25   <!-- You should see two green rectangles, with no red. -->
  26   <div></div>
  27   <div class="ref"></div>
  28
  29 </body>
  30 </html>