https://bugs.webkit.org/show_bug.cgi?id=37370
[WebKit-https.git] / LayoutTests / fast / backgrounds / background-fill-zero-area-crash.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <script>
5             if (window.layoutTestController)
6             layoutTestController.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>