Index: LayoutTests/compositing/will-change/gpu-rasterization-hint.html |
diff --git a/LayoutTests/compositing/will-change/gpu-rasterization-hint.html b/LayoutTests/compositing/will-change/gpu-rasterization-hint.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8fb777c9b2020c0bcbae98a654549fcf0a84a65d |
--- /dev/null |
+++ b/LayoutTests/compositing/will-change/gpu-rasterization-hint.html |
@@ -0,0 +1,111 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style> |
+ .shouldCompositeAndHaveGpuHint { |
+ position: absolute; |
+ width: 50px; |
+ height: 50px; |
+ background-color: green; |
+ } |
+ |
+ .shouldCompositeButNotHaveGpuHint { |
+ position: absolute; |
+ width: 50px; |
+ height: 50px; |
+ background-color: blue; |
+ } |
+ |
+ .shouldNotComposite { |
+ position: absolute; |
+ width: 50px; |
+ height: 50px; |
+ background-color: red; |
+ } |
+ |
+ #willChangeAuto { |
+ will-change: auto; |
+ top: 0px; |
+ left: 0px; |
+ } |
+ |
+ #willChangeZIndex { |
+ will-change: z-index; |
+ top: 0px; |
+ left: 60px; |
+ } |
+ |
+ #willChangeOpacity { |
+ will-change: opacity; |
+ top: 0px; |
+ left: 120px; |
+ } |
+ |
+ #willChangeContents { |
+ will-change: contents; |
+ top: 60px; |
+ left: 0px; |
+ } |
+ |
+ #willChangeWidth { |
+ will-change: width; |
+ top: 60px; |
+ left: 60px; |
+ } |
+ |
+ #willChangeHeight { |
+ will-change: height; |
+ top: 60px; |
+ left: 120px; |
+ } |
+ |
+ #willChangeBackgroundColor { |
+ will-change: background-color; |
+ top: 120px; |
+ left: 0px; |
+ } |
+ |
+ #willChangeBackgroundPosition { |
+ will-change: background-position; |
+ top: 120px; |
+ left: 60px; |
+ } |
+ |
+ #willChangeCombination { |
+ will-change: z-index, width, position; |
+ top: 120px; |
+ left: 120px; |
+ } |
+ </style> |
+ |
+ <script> |
+ if (window.internals) |
+ window.internals.settings.setAcceleratedCompositingForGpuRasterizationHintEnabled(true); |
+ |
+ if (window.testRunner) { |
+ testRunner.dumpAsText(); |
+ testRunner.waitUntilDone(); |
+ } |
+ |
+ window.addEventListener('load', function() { |
+ if (window.testRunner) { |
+ document.getElementById("layertree").innerText = window.internals.layerTreeAsText(document); |
+ testRunner.notifyDone(); |
+ } |
+ }, false); |
+ </script> |
+</head> |
+<body> |
+ <div id="willChangeAuto" class="shouldNotComposite"></div> |
+ <div id="willChangeZIndex" class="shouldNotComposite"></div> |
+ <div id="willChangeOpacity" class="shouldCompositeButNotHaveGpuHint"></div> |
+ <div id="willChangeContents" class="shouldCompositeAndHaveGpuHint"></div> |
+ <div id="willChangeWidth" class="shouldCompositeAndHaveGpuHint"></div> |
+ <div id="willChangeHeight" class="shouldCompositeAndHaveGpuHint"></div> |
+ <div id="willChangeBackgroundColor" class="shouldCompositeAndHaveGpuHint"></div> |
+ <div id="willChangeBackgroundPosition" class="shouldCompositeAndHaveGpuHint"></div> |
+ <div id="willChangeCombination" class="shouldCompositeAndHaveGpuHint"></div> |
+ |
+ <pre id="layertree"></pre> |
+</body> |
+</html> |