Chromium Code Reviews Chromium Code Reviews
Issue 2398373002:
Construct KeyframeEffectReadOnly objects (Closed)
| Index: third_party/WebKit/LayoutTests/inspector/animation/animation-KeyframeEffectReadOnly.html |
| diff --git a/third_party/WebKit/LayoutTests/inspector/animation/animation-KeyframeEffectReadOnly.html b/third_party/WebKit/LayoutTests/inspector/animation/animation-KeyframeEffectReadOnly.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..a4e3620528c3e3762187ade6f4cb0d06ab90571c |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/inspector/animation/animation-KeyframeEffectReadOnly.html |
| @@ -0,0 +1,57 @@ |
| +<html> |
| +<head> |
| +<script src="../../http/tests/inspector/inspector-test.js"></script> |
| +<script src="../../http/tests/inspector/elements-test.js"></script> |
| +<script> |
| +function startAnimationWithKeyframeEffect() |
| +{ |
| + var effect = new KeyframeEffect(node, { opacity : [ 0, 0.9 ] }, 1000); |
| + var anim = node.animate(null); |
| + anim.effect = effect; |
| +} |
| + |
| +function startAnimationWithKeyframeEffectReadOnly() |
| +{ |
| + var effect = new KeyframeEffectReadOnly(nodeRO, { opacity : [ 0, 0.9 ] }, 1000); |
| + var anim = nodeRO.animate(null); |
| + anim.effect = effect; |
| +} |
| + |
| +var initialize_Animations = function() { |
| + |
| + InspectorTest.preloadModule("animation"); |
| +} |
| + |
| +function test() |
| +{ |
| + WebInspector.viewManager.showView("animations"); |
| + var timeline = self.runtime.sharedInstance(WebInspector.AnimationTimeline); |
| + InspectorTest.evaluateInPage("startAnimationWithKeyframeEffect()"); |
| + InspectorTest.waitForAnimationAdded(step2); |
| + |
| + function step2(group) |
| + { |
| + InspectorTest.waitForAnimationAdded(step3); |
| + InspectorTest.evaluateInPage("startAnimationWithKeyframeEffectReadOnly()"); |
| + } |
| + |
| + function step3(group) |
| + { |
| + InspectorTest.completeTest(); |
| + } |
| +} |
| + |
| +</script> |
| +</head> |
| + |
| +<body onload="runTest()"> |
| +<p> |
| +Tests that animations can be created with KeyframeEffect and |
| +KeyframeEffectReadOnly. |
|
alancutter (OOO until 2018)
2016/10/28 03:38:32
This description should be more clear that we're o
|
| +</p> |
| + |
| +<div id="node" style="background-color: red; height: 100px"></div> |
| +<div id="nodeRO" style="background-color: red; height: 100px"></div> |
| + |
| +</body> |
| +</html> |
