diff --git a/testing/web-platform/tests/lifecycle/set-composited-layer-position-ref.html b/testing/web-platform/tests/lifecycle/set-composited-layer-position-ref.html
new file mode 100644
index 000000000000..217edfaf5d92
--- /dev/null
+++ b/testing/web-platform/tests/lifecycle/set-composited-layer-position-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+
+<meta charset="utf-8">
+<title>Setting composited layer position paints properly</title>
+<link rel="author" title="Mason Freed" href="masonfreed@chromium.org">
+
+
+
+<div id="box"></div>
+<style>
+div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200px;
+  height: 200px;
+  background: green;
+}
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 000000000000..543677a5006a
--- /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" title="Mason Freed" href="masonfreed@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>
+
+
+
