Index: LayoutTests/css3/compositing/mix-blend-mode-composited-layers.html |
diff --git a/LayoutTests/css3/compositing/mix-blend-mode-composited-layers.html b/LayoutTests/css3/compositing/mix-blend-mode-composited-layers.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c3da1c02a39e87cb0cd23e6a70f41edf43640c68 |
--- /dev/null |
+++ b/LayoutTests/css3/compositing/mix-blend-mode-composited-layers.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE HTML> |
+<html> |
+<head> |
+<style> |
+ div { |
+ width: 10px; |
+ height: 10px; |
+ } |
+</style> |
+</head> |
+<body> |
+ |
+<!-- Mix-blend-mode should not create a composited layer --> |
+<div style="background-color: green"> |
+ <div style="background-color: blue; mix-blend-mode: multiply"></div> |
+</div> |
+ |
+<!-- Mix-blend-mode should create a composited layer when having composited descendants--> |
+<div style="background-color: green"> |
+ <div style="background-color: blue; mix-blend-mode: multiply"> |
+ <div style="background-color: yellow; -webkit-transform: translatez(0);"></div> |
+ </div> |
+</div> |
+ |
+<pre id="layers">Layer tree appears here in DRT.</pre> |
+ |
+<script type="text/javascript"> |
+ if (window.testRunner) { |
+ window.testRunner.dumpAsText(); |
+ document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document); |
+ } |
+</script> |
+</body> |
+</html> |
+ |