summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/lifecycle/set-composited-layer-position.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/lifecycle/set-composited-layer-position.html')
-rw-r--r--testing/web-platform/tests/lifecycle/set-composited-layer-position.html45
1 files changed, 45 insertions, 0 deletions
diff --git a/testing/web-platform/tests/lifecycle/set-composited-layer-position.html b/testing/web-platform/tests/lifecycle/set-composited-layer-position.html
new file mode 100644
index 0000000000..f1a3807d81
--- /dev/null
+++ b/testing/web-platform/tests/lifecycle/set-composited-layer-position.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>Setting composited layer position paints properly</title>
+<link rel="author" href="masonf@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/cssom-view-1/">
+<link rel="match" href="set-composited-layer-position-ref.html">
+
+<div id="box"></div>
+<div id="tomove"></div>
+<style>
+div {
+ position: absolute;
+ top: 0;
+ left: 0;
+ will-change: transform;
+ width: 200px;
+ height: 200px;
+}
+#box {
+ background: red;
+}
+#tomove {
+ background: green;
+ top: 200px;
+ left: 200px;
+ filter: invert(0);
+}
+</style>
+<script>
+ window.onload = function() {
+ requestAnimationFrame(function() {
+ requestAnimationFrame(function() {
+ tomove = document.getElementById("tomove");
+ tomove.style.top = 0;
+ tomove.style.left = 0;
+ document.documentElement.classList.remove("reftest-wait");
+ });
+ });
+ }
+</script>
+</html>
+
+
+