| <!DOCTYPE html> |
| Tests interference between different subsequences with compositing. Passes if no red. |
| <div id="container" style="position: absolute; width: 300px; height: 200px"> |
| <div id="composited-content1" style="position: absolute; top: 0; left: 0; backface-visibility: hidden"> |
| <div id="content1a" style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: red"></div> |
| </div> |
| <div id="content2" style="position: absolute; top: 0; left: 100px; width: 100px; height: 100px; background-color: red"></div> |
| </div> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| onload = function() { |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| runAfterLayoutAndPaint(function() { |
| content1a.style.backgroundColor = 'green'; |
| runAfterLayoutAndPaint(function() { |
| content2.style.backgroundColor = 'green'; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }); |
| }); |
| }; |
| </script> |
| |
