summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1425243-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/bugs/1425243-1.html')
-rw-r--r--layout/reftests/bugs/1425243-1.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/layout/reftests/bugs/1425243-1.html b/layout/reftests/bugs/1425243-1.html
new file mode 100644
index 0000000000..c1f99540a8
--- /dev/null
+++ b/layout/reftests/bugs/1425243-1.html
@@ -0,0 +1,41 @@
+<html class="reftest-wait">
+<style>
+.logo {
+ display: flex;
+ align-items: center;
+ background-color: #4a4a4a;
+ mask: url(pinwheel_logo.svg) center center/contain no-repeat;
+ width: 60px;
+ height: 60px;
+}
+.logo .background {
+ background-image: linear-gradient(red, green);
+ width: 65px;
+ height: 65px;
+ background-size: cover;
+ background-position: 50%;
+ will-change: transform;
+}
+</style>
+<a class="logo">
+ <span class="background"></span>
+</a>
+<script>
+function doTest() {
+ var i = 0;
+ var e = document.getElementsByClassName("background")[0];
+ var rotator = function() {
+ var rotation = i / 60;
+ e.style.transform = "rotate(" + rotation + "turn)";
+ if (i < 45) {
+ i += 1;
+ window.requestAnimationFrame(rotator);
+ } else {
+ document.documentElement.removeAttribute("class");
+ }
+ };
+ window.requestAnimationFrame(rotator);
+};
+window.addEventListener("MozReftestInvalidate", doTest);
+</script>
+</html>