third_party/WebKit/LayoutTests/fast/backgrounds/background-fill-zero-area-crash.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script>
   5             if (window.testRunner)
   6             testRunner.dumpAsText();
   7         </script>
   8         <style>
   9             #a {
  10                 background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  11                 -webkit-background-size: auto 50px;
  12                 -webkit-box-sizing: border-box;
  13                 border: 1px solid black;
  14                 width: 100px;
  15                 height: 2px;
  16             }
  17             #b {
  18                 background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  19                 -webkit-background-size: 50px auto;
  20                 -webkit-box-sizing: border-box;
  21                 border: 1px solid black;
  22                 width: 2px;
  23                 height: 100px;
  24             }
  25             #c {
  26                 background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  27                 -webkit-background-size: contain;
  28                 -webkit-box-sizing: border-box;
  29                 border: 1px solid black;
  30                 width: 2px;
  31                 height: 100px;
  32             }
  33             #d {
  34                 background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  35                 -webkit-background-size: contain;
  36                 -webkit-box-sizing: border-box;
  37                 border: 1px solid black;
  38                 width: 100px;
  39                 height: 2px;
  40             }
  41         </style>
  42     </head>
  43     <body>
  44         <p>Test of some edge cases for background fills with generated images. Test passed if it rendered and there was no division by zero.</p>
  45         <div id="a"></div>
  46         <div id="b"></div>
  47         <div id="c"></div>
  48         <div id="d"></div>
  49     </body>
  50 </html>