Don't assert if mix-blend-mode is set to a non-separable blend mode on a composited...
[WebKit-https.git] / LayoutTests / compositing / fixed-with-fixed-layout.html
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5     <style>
6         body {
7             height: 2000px;
8             width: 1000px;
9         }
10         
11         .fixed {
12             position: fixed;
13             height: 100px;
14             width: 100px;
15             background-color: rgba(0, 0, 0, 0.5);
16         }
17         
18         .top, .bottom {
19             left: 0;
20             width: 100%;
21         }
22         
23         .left, .right {
24             top: 200px;
25         }
26         
27         .top {
28             top: 0;
29         }
30         
31         .bottom {
32             bottom: 0;
33         }
34         .left {
35             left: 0;
36         }
37         .right {
38             right: 0;
39         }
40     </style>
41     <script>
42         
43         if (window.testRunner) {
44             testRunner.dumpAsText();
45             testRunner.waitUntilDone();
46         }
47
48         if (window.internals) {
49             internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
50             internals.setUseFixedLayout(true);
51             internals.setFixedLayoutSize(1000, 2000);
52             var scale = 800 / 1000;
53             eventSender.scalePageBy(scale, scale);
54         }
55         
56         function doTest()
57         {
58             window.setTimeout(function() {
59                 document.getElementById("layerTree").innerText = window.internals.layerTreeAsText(document);
60                 testRunner.notifyDone();
61             }, 0);
62         }
63         
64         window.addEventListener('load', doTest, false);
65     </script>
66 </head>
67 <body>
68
69 <div class="top fixed">
70     Top
71 </div>
72
73 <div class="left fixed">
74     Left
75 </div>
76
77 <div class="right fixed">
78     Right
79 </div>
80
81 <div class="bottom fixed">
82     bottom
83 </div>
84
85 <pre id="layerTree"></pre>
86 </body>
87 </html>