Rotation animations sometimes use the wrong origin (affects apple.com)
authordino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 23 Feb 2019 02:10:58 +0000 (02:10 +0000)
committerdino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 23 Feb 2019 02:10:58 +0000 (02:10 +0000)
https://bugs.webkit.org/show_bug.cgi?id=194878
<rdar://problem/43908047>

Reviewed by Simon Fraser.

Forgot another expected results file.

* legacy-animation-engine/animations/additive-transform-animations-expected.html: Added.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@241977 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/legacy-animation-engine/animations/additive-transform-animations-expected.html [new file with mode: 0644]

index b29e492..4182f42 100644 (file)
@@ -1,3 +1,15 @@
+2019-02-22  Dean Jackson  <dino@apple.com>
+
+        Rotation animations sometimes use the wrong origin (affects apple.com)
+        https://bugs.webkit.org/show_bug.cgi?id=194878
+        <rdar://problem/43908047>
+
+        Reviewed by Simon Fraser.
+
+        Forgot another expected results file.
+
+        * legacy-animation-engine/animations/additive-transform-animations-expected.html: Added.
+
 2019-02-22  Ryosuke Niwa  <rniwa@webkit.org>
 
         Skip the test added in r241932 on iOS for now.
diff --git a/LayoutTests/legacy-animation-engine/animations/additive-transform-animations-expected.html b/LayoutTests/legacy-animation-engine/animations/additive-transform-animations-expected.html
new file mode 100644 (file)
index 0000000..083a2dd
--- /dev/null
@@ -0,0 +1,33 @@
+<style>
+    #original {
+        position: absolute;
+        top: 100px;
+        left: 100px;
+        width: 100px;
+        height: 100px;
+        background-color: blue;
+    }
+
+    #rotator {
+        position: absolute;
+        top: 100px;
+        left: 100px;
+        width: 100px;
+        height: 100px;
+        background-color: red;
+        transform: rotate(40deg) translate(50%, 50%);
+    }
+
+    #cover {
+        position: absolute;
+        top: 150px;
+        left: 50px;
+        width: 200px;
+        height: 150px;
+        background-color: green;
+    }
+</style>
+<p>You should not see any of the rotating red rectangle</p>
+<div id="original"></div>
+<div id="rotator"></div>
+<div id="cover"></div>