2010-05-10 Dean Jackson <dino@apple.com>
authordino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 11 May 2010 00:44:58 +0000 (00:44 +0000)
committerdino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 11 May 2010 00:44:58 +0000 (00:44 +0000)
        Reviewed by Simon Fraser.

        https://bugs.webkit.org/show_bug.cgi?id=36566
        The animation-fill-mode property was missing from
        a few places where the animation shorthand is set up.

        Test: animations/animation-shorthand-removed.html

        * css/CSSMutableStyleDeclaration.cpp:
        (WebCore::CSSMutableStyleDeclaration::getPropertyValue): Make sure
        animation-fill-mode is included in the animation shorthand
        * css/CSSPropertyLonghand.cpp:
        (WebCore::initShorthandMap):

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

LayoutTests/ChangeLog
LayoutTests/animations/animation-shorthand-removed-expected.txt [new file with mode: 0644]
LayoutTests/animations/animation-shorthand-removed.html [new file with mode: 0644]
WebCore/ChangeLog
WebCore/css/CSSMutableStyleDeclaration.cpp
WebCore/css/CSSPropertyLonghand.cpp

index 0814fd4..67fd2cd 100644 (file)
@@ -1,3 +1,14 @@
+2010-05-10  Dean Jackson  <dino@apple.com>
+
+        Reviewed by Simon Fraser.
+
+        https://bugs.webkit.org/show_bug.cgi?id=36566
+        The animation-fill-mode property was missing from
+        a few places where the animation shorthand is set up.
+
+        * animations/animation-shorthand-removed-expected.txt: Added.
+        * animations/animation-shorthand-removed.html: Added.
+
 2010-05-10  Sam Weinig  <sam@webkit.org>
 
         Reviewed by Darin Adler.
diff --git a/LayoutTests/animations/animation-shorthand-removed-expected.txt b/LayoutTests/animations/animation-shorthand-removed-expected.txt
new file mode 100644 (file)
index 0000000..c3e0e25
--- /dev/null
@@ -0,0 +1,57 @@
+Testing webkitAnimationName on a: PASS
+Testing webkitAnimationDuration on a: PASS
+Testing webkitAnimationTimingFunction on a: PASS
+Testing webkitAnimationDelay on a: PASS
+Testing webkitAnimationIterationCount on a: PASS
+Testing webkitAnimationDirection on a: PASS
+Testing webkitAnimationFillMode on a: PASS
+Testing webkitAnimationName on b: PASS
+Testing webkitAnimationDuration on b: PASS
+Testing webkitAnimationTimingFunction on b: PASS
+Testing webkitAnimationDelay on b: PASS
+Testing webkitAnimationIterationCount on b: PASS
+Testing webkitAnimationDirection on b: PASS
+Testing webkitAnimationFillMode on b: PASS
+Testing webkitAnimationName on c: PASS
+Testing webkitAnimationDuration on c: PASS
+Testing webkitAnimationTimingFunction on c: PASS
+Testing webkitAnimationDelay on c: PASS
+Testing webkitAnimationIterationCount on c: PASS
+Testing webkitAnimationDirection on c: PASS
+Testing webkitAnimationFillMode on c: PASS
+Testing webkitAnimationName on d: PASS
+Testing webkitAnimationDuration on d: PASS
+Testing webkitAnimationTimingFunction on d: PASS
+Testing webkitAnimationDelay on d: PASS
+Testing webkitAnimationIterationCount on d: PASS
+Testing webkitAnimationDirection on d: PASS
+Testing webkitAnimationFillMode on d: PASS
+Testing webkitAnimationName on e: PASS
+Testing webkitAnimationDuration on e: PASS
+Testing webkitAnimationTimingFunction on e: PASS
+Testing webkitAnimationDelay on e: PASS
+Testing webkitAnimationIterationCount on e: PASS
+Testing webkitAnimationDirection on e: PASS
+Testing webkitAnimationFillMode on e: PASS
+Testing webkitAnimationName on f: PASS
+Testing webkitAnimationDuration on f: PASS
+Testing webkitAnimationTimingFunction on f: PASS
+Testing webkitAnimationDelay on f: PASS
+Testing webkitAnimationIterationCount on f: PASS
+Testing webkitAnimationDirection on f: PASS
+Testing webkitAnimationFillMode on f: PASS
+Testing webkitAnimationName on g: PASS
+Testing webkitAnimationDuration on g: PASS
+Testing webkitAnimationTimingFunction on g: PASS
+Testing webkitAnimationDelay on g: PASS
+Testing webkitAnimationIterationCount on g: PASS
+Testing webkitAnimationDirection on g: PASS
+Testing webkitAnimationFillMode on g: PASS
+Testing webkitAnimationName on h: PASS
+Testing webkitAnimationDuration on h: PASS
+Testing webkitAnimationTimingFunction on h: PASS
+Testing webkitAnimationDelay on h: PASS
+Testing webkitAnimationIterationCount on h: PASS
+Testing webkitAnimationDirection on h: PASS
+Testing webkitAnimationFillMode on h: PASS
+
diff --git a/LayoutTests/animations/animation-shorthand-removed.html b/LayoutTests/animations/animation-shorthand-removed.html
new file mode 100644 (file)
index 0000000..15bf968
--- /dev/null
@@ -0,0 +1,112 @@
+<html>
+<head>
+<title>Test removal of animation shorthand property</title>
+<style type="text/css" media="screen">
+.box {
+  height: 10px;
+  width: 10px;
+  background-color: blue;
+}
+
+@-webkit-keyframes anim1 { }
+</style>
+  <script type="text/javascript" charset="utf-8">
+    if (window.layoutTestController) {
+        layoutTestController.dumpAsText();
+        layoutTestController.waitUntilDone();
+    }
+
+    const kProperties = [
+      "webkitAnimationName",
+      "webkitAnimationDuration",
+      "webkitAnimationTimingFunction",
+      "webkitAnimationDelay",
+      "webkitAnimationIterationCount",
+      "webkitAnimationDirection",
+      "webkitAnimationFillMode"
+    ];
+    const kElements = [
+      { id: "a",
+        values: [ ]
+      },
+      { id: "b",
+        values: [ "none", "0s", "ease", "0s", "1", "normal", "none" ]
+      },
+      { id: "c",
+        values: [ "anim1", "10s" ]
+      },
+      { id: "d",
+        values: [ "anim1", "10s", "linear" ]
+      },
+      { id: "e",
+        values: [ "anim1", "10s", "linear", "5s" ]
+      },
+      { id: "f",
+        values: [ "anim1", "10s", "linear", "5s", "3" ]
+      },
+      { id: "g",
+        values: [ "anim1", "10s", "linear", "5s", "infinite", "alternate" ]
+      },
+      { id: "h",
+        values: [ "anim1", "10s", "linear", "5s", "infinite", "alternate", "forwards" ]
+      }
+    ];
+    const kExpectedResults = [ "none", "0s", "cubic-bezier(0.25, 0.1, 0.25, 1)", "0s", "1", "normal", "none" ];
+
+    function start() {
+      kElements.forEach(function(curEl) {
+        var el = document.getElementById(curEl.id);
+        for (var i=0; i < curEl.values.length; i++) {
+          el.style[kProperties[i]] = curEl.values[i];
+        }
+      });
+      setTimeout(remove, 0);
+    }
+
+    function remove() {
+      kElements.forEach(function(curEl) {
+        var el = document.getElementById(curEl.id);
+        el.style.removeProperty("-webkit-animation");
+      });
+      setTimeout(test, 0);
+    }
+
+    function test() {
+      var resultsString = "";
+      kElements.forEach(function(curEl) {
+        var el = document.getElementById(curEl.id);
+        var elStyle = window.getComputedStyle(el);
+
+        for (var i=0; i < kProperties.length; i++) {
+          var computedValue = elStyle[kProperties[i]];
+          var expectedValue = kExpectedResults[i];
+          if (computedValue == expectedValue)
+            resultsString += "Testing " + kProperties[i] + " on " + curEl.id + ": PASS" + "<br>";
+          else
+            resultsString += "Testing " + kProperties[i] + " on " + curEl.id + " expected <code>" + expectedValue + "</code> got <code>" + computedValue + "</code>: FAIL" + "<br>";
+
+        }
+      });
+
+      var results = document.getElementById('result');
+      results.innerHTML = resultsString;
+      if (window.layoutTestController)
+          layoutTestController.notifyDone();
+    }
+
+    window.addEventListener('load', start, false);
+  </script>
+</head>
+<body>
+<div id="a" class="box"></div>
+<div id="b" class="box"></div>
+<div id="c" class="box"></div>
+<div id="d" class="box"></div>
+<div id="e" class="box"></div>
+<div id="f" class="box"></div>
+<div id="g" class="box"></div>
+<div id="h" class="box"></div>
+<div id="result">
+</div>
+</body>
+</html>
index c2147d8..11ed818 100644 (file)
@@ -1,3 +1,19 @@
+2010-05-10  Dean Jackson  <dino@apple.com>
+
+        Reviewed by Simon Fraser.
+
+        https://bugs.webkit.org/show_bug.cgi?id=36566
+        The animation-fill-mode property was missing from
+        a few places where the animation shorthand is set up.
+
+        Test: animations/animation-shorthand-removed.html
+
+        * css/CSSMutableStyleDeclaration.cpp:
+        (WebCore::CSSMutableStyleDeclaration::getPropertyValue): Make sure
+        animation-fill-mode is included in the animation shorthand
+        * css/CSSPropertyLonghand.cpp:
+        (WebCore::initShorthandMap):
+
 2010-05-10  Sam Weinig  <sam@webkit.org>
 
         Reviewed by Darin Adler.
index 327f398..7c09f91 100644 (file)
@@ -240,10 +240,11 @@ String CSSMutableStyleDeclaration::getPropertyValue(int propertyID) const
             return getLayeredShorthandValue(properties, 4);
         }
         case CSSPropertyWebkitAnimation: {
-            const int properties[6] = { CSSPropertyWebkitAnimationName, CSSPropertyWebkitAnimationDuration,
+            const int properties[7] = { CSSPropertyWebkitAnimationName, CSSPropertyWebkitAnimationDuration,
                                         CSSPropertyWebkitAnimationTimingFunction, CSSPropertyWebkitAnimationDelay,
-                                        CSSPropertyWebkitAnimationIterationCount, CSSPropertyWebkitAnimationDirection };
-            return getLayeredShorthandValue(properties, 6);
+                                        CSSPropertyWebkitAnimationIterationCount, CSSPropertyWebkitAnimationDirection,
+                                        CSSPropertyWebkitAnimationFillMode };
+            return getLayeredShorthandValue(properties, 7);
         }
 #if ENABLE(SVG)
         case CSSPropertyMarker: {
index b45fa0d..a4b3325 100644 (file)
@@ -188,7 +188,8 @@ static void initShorthandMap(ShorthandMap& shorthandMap)
         CSSPropertyWebkitAnimationTimingFunction,
         CSSPropertyWebkitAnimationDelay,
         CSSPropertyWebkitAnimationIterationCount,
-        CSSPropertyWebkitAnimationDirection
+        CSSPropertyWebkitAnimationDirection,
+        CSSPropertyWebkitAnimationFillMode
     };
     SET_SHORTHAND_MAP_ENTRY(shorthandMap, CSSPropertyWebkitAnimation, animationProperties);