Index: third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/effect-value-overlapping-keyframes.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/the-effect-value-of-a-keyframe-effect.html b/third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/effect-value-overlapping-keyframes.html |
similarity index 67% |
rename from third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/the-effect-value-of-a-keyframe-effect.html |
rename to third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/effect-value-overlapping-keyframes.html |
index eb67f669acda320322f936f11685c1b330acf9d8..99b4f3df6fe0c6eda6e36a9082208e2b9ba2142c 100644 |
--- a/third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/the-effect-value-of-a-keyframe-effect.html |
+++ b/third_party/WebKit/LayoutTests/external/wpt/web-animations/animation-model/keyframe-effects/effect-value-overlapping-keyframes.html |
@@ -1,6 +1,6 @@ |
<!DOCTYPE html> |
<meta charset=utf-8> |
-<title>Keyframe handling tests</title> |
+<title>Effect value computation tests when keyframes overlap</title> |
<link rel="help" href="https://w3c.github.io/web-animations/#the-effect-value-of-a-keyframe-animation-effect"> |
<script src="/resources/testharness.js"></script> |
<script src="/resources/testharnessreport.js"></script> |
@@ -69,46 +69,5 @@ test(function(t) { |
}, 'Overlapping keyframes between 0 and 1 use the appropriate value on each' |
+ ' side of the overlap point'); |
-test(function(t) { |
- var div = createDiv(t); |
- var anim = div.animate({ visibility: ['hidden','visible'] }, |
- { duration: 100 * MS_PER_SEC, fill: 'both' }); |
- |
- anim.currentTime = 0; |
- assert_equals(getComputedStyle(div).visibility, 'hidden', |
- 'Visibility when progress = 0.'); |
- |
- anim.currentTime = 10 * MS_PER_SEC + 1; |
- assert_equals(getComputedStyle(div).visibility, 'visible', |
- 'Visibility when progress > 0 due to linear easing.'); |
- |
- anim.finish(); |
- assert_equals(getComputedStyle(div).visibility, 'visible', |
- 'Visibility when progress = 1.'); |
- |
-}, "Test visibility clamping behavior."); |
- |
-test(function(t) { |
- var div = createDiv(t); |
- var anim = div.animate({ visibility: ['hidden', 'visible'] }, |
- { duration: 100 * MS_PER_SEC, fill: 'both', |
- easing: 'cubic-bezier(0.25, -0.6, 0, 0.5)' }); |
- |
- anim.currentTime = 0; |
- assert_equals(getComputedStyle(div).visibility, 'hidden', |
- 'Visibility when progress = 0.'); |
- |
- // Timing function is below zero. So we expected visibility is hidden. |
- anim.currentTime = 10 * MS_PER_SEC + 1; |
- assert_equals(getComputedStyle(div).visibility, 'hidden', |
- 'Visibility when progress < 0 due to cubic-bezier easing.'); |
- |
- anim.currentTime = 60 * MS_PER_SEC; |
- assert_equals(getComputedStyle(div).visibility, 'visible', |
- 'Visibility when progress > 0 due to cubic-bezier easing.'); |
- |
-}, "Test visibility clamping behavior with an easing that has a negative component"); |
- |
-done(); |
</script> |
</body> |