Don't assert if mix-blend-mode is set to a non-separable blend mode on a composited...
[WebKit-https.git] / LayoutTests / compositing / hidpi-sibling-composited-content-offset.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>This tests sibling composited content with subpixel positioning.</title>
5 <style>
6 .container {
7   position: absolute;
8   background-color: green; 
9   transform: translateZ(0); 
10   width: 15px; 
11   height: 15px;
12 }
13
14 .offset { 
15   background-color: blue;
16   width: 5px;
17   height: 5px;
18   position: relative;
19   } 
20
21 .jiggle {
22   height: 5px;
23   width: 5px; 
24   background-color: red;
25   transform: translateZ(0);
26 }
27 </style>
28 </head>
29 <body>
30 <script>
31 var subpixelForContainer = 0;
32 for (var i = 0; i < 20; ++i) {
33   var subpixelForChild = -2;
34   for (var j = 0; j < 20; ++j) {
35     var container = document.createElement("div");
36     container.className = "container";
37     container.style.left = i * 20 + subpixelForContainer + "px";
38     container.style.top = j * 20 + subpixelForContainer + "px";
39     document.body.appendChild(container);
40     subpixelForContainer += 0.05;
41
42     var offset = document.createElement("div");
43     offset.className = "offset";
44     offset.style.left = subpixelForChild + "px";
45     container.appendChild(offset);
46     subpixelForChild += 0.05;
47
48     var jiggle = document.createElement("div");
49     jiggle.className = "jiggle";
50     container.appendChild(jiggle);
51   }
52 }
53 </script>
54 </body>
55 </html>