Index: LayoutTests/compositing/layer-creation/scroll-blocks-on-explicit.html |
diff --git a/LayoutTests/compositing/layer-creation/scroll-blocks-on-explicit.html b/LayoutTests/compositing/layer-creation/scroll-blocks-on-explicit.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..53b28c0d3eddd36617f3a3cecdea677709f6e933 |
--- /dev/null |
+++ b/LayoutTests/compositing/layer-creation/scroll-blocks-on-explicit.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<style> |
+#layer1 { |
+ height: 1px; |
+ scroll-blocks-on: wheel-event; |
+} |
+#layer2 { |
+ height: 2px; |
+ scroll-blocks-on: start-touch scroll-event; |
+} |
+#layer3 { |
+ height: 3px; |
+ scroll-blocks-on: none; |
+} |
+</style> |
+<script> |
+ if (window.testRunner) { |
+ window.testRunner.dumpAsText(); |
+ } |
+ |
+ onload = function() { |
+ var output = document.getElementById('output'); |
+ if (window.internals) |
+ document.getElementById('output').innerText += window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_SCROLL_BLOCKS_ON); |
+ }; |
+</script> |
+Verifies that setting the scroll-blocks-on property in a stylesheet creates layers with the correct modes and that explicitly setting 'none' does not create a layer. |
+<div id=layer1></div> |
+<div id=layer2></div> |
+<div id=layer3></div> |
+<pre id="output"></pre> |