Color bleeding with rounded rectangles on high dpi displays
[WebKit-https.git] / 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>