Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(94)

Unified Diff: LayoutTests/compositing/transitions/transitions-have-composited-layers.html

Issue 14651028: Promote RenderLayers that have a transition on opacity, transform, or filter (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | LayoutTests/compositing/transitions/transitions-have-composited-layers-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/compositing/transitions/transitions-have-composited-layers.html
diff --git a/LayoutTests/compositing/transitions/transitions-have-composited-layers.html b/LayoutTests/compositing/transitions/transitions-have-composited-layers.html
new file mode 100644
index 0000000000000000000000000000000000000000..5a5a7feff7d049892b95c4866abdd77d942dbd6c
--- /dev/null
+++ b/LayoutTests/compositing/transitions/transitions-have-composited-layers.html
@@ -0,0 +1,82 @@
+<html>
+<head>
+<style>
+ #notransition {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 50px;
+ height: 50px;
+ background-color: red;
+ }
+
+ #opacitytransition {
+ position: absolute;
+ top: 0px;
+ left: 60px;
+ height: 50px;
+ width: 50px;
+ background-color: green;
+ transition: opacity 1s;
+ }
+
+ #transformtransition {
+ position: absolute;
+ left: 120px;
+ top: 0px;
+ width: 50px;
+ height: 50px;
+ background-color: green;
+ transition: -webkit-transform 1s;
+ }
+
+ #filtertransition {
+ position: absolute;
+ left: 180px;
+ top: 0px;
+ width: 50px;
+ height: 50px;
+ background-color: green;
+ transition: -webkit-filter 1s;
+ }
+
+ #layertree {
+ position: absolute;
+ left: 10000px;
+ top: 0px;
+ }
+</style>
+
+<script>
+ if (window.internals)
+ window.internals.settings.setAcceleratedCompositingForTransitionEnabled(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>
+
+<body>
+ <!-- The red square shouldn't composite. -->
+ <div id="notransition"></div>
+
+ <!-- This green square should composite because it has a transition on opacity. -->
+ <div id="opacitytransition"></div>
+
+ <!-- This green square should composite because it has a transition on transform. -->
+ <div id="transformtransition"></div>
+
+ <!-- This green square should composite because it has a transition on filter. -->
+ <div id="filtertransition"></div>
+
+ <pre id="layertree"></pre>
+</body>
+</html>
« no previous file with comments | « no previous file | LayoutTests/compositing/transitions/transitions-have-composited-layers-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698