| Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/test-fill-auto.html
|
| diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-fill-auto.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-fill-auto.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..3f6b9093b83ec1d72ccc125608e980b5c7861864
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/test-fill-auto.html
|
| @@ -0,0 +1,78 @@
|
| +<!--
|
| +Copyright 2013 Google Inc. All Rights Reserved.
|
| +
|
| +Licensed under the Apache License, Version 2.0 (the "License");
|
| +you may not use this file except in compliance with the License.
|
| +You may obtain a copy of the License at
|
| +
|
| + http://www.apache.org/licenses/LICENSE-2.0
|
| +
|
| +Unless required by applicable law or agreed to in writing, software
|
| +distributed under the License is distributed on an "AS IS" BASIS,
|
| +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
| +See the License for the specific language governing permissions and
|
| +limitations under the License.
|
| +-->
|
| +
|
| +<!DOCTYPE html><meta charset="UTF-8">
|
| +<script src='../bootstrap.js'></script>
|
| +<script>
|
| +'use strict';
|
| +
|
| +var effect = [{left: '100px'}, {left: '100px'}];
|
| +function inEffect(element) {
|
| + return getComputedStyle(element).left === '100px';
|
| +}
|
| +
|
| +function createAnim(element, fill) {
|
| + return new Animation(element, effect, {
|
| + delay: 0.1,
|
| + duration: 0.1,
|
| + fill: fill,
|
| + });
|
| +}
|
| +function createGroup(element, fill) {
|
| + return new SeqGroup([
|
| + new Animation(element, effect, {
|
| + duration: 0.1,
|
| + fill: 'both'})
|
| + ], {
|
| + delay: 0.1,
|
| + });
|
| +}
|
| +
|
| +function createElement() {
|
| + var element = document.createElement('div');
|
| + document.body.appendChild(element);
|
| + return element;
|
| +}
|
| +
|
| +timing_test(function() {
|
| + var animElement = createElement();
|
| + document.timeline.play(createAnim(animElement, 'auto'));
|
| + var changingAnimElement = createElement();
|
| + var changingAnim = createAnim(changingAnimElement, 'both');
|
| + document.timeline.play(changingAnim);
|
| +
|
| + var groupElement = createElement();
|
| + document.timeline.play(createGroup(groupElement, 'auto'));
|
| + var changingGroupElement = createElement();
|
| + var changingGroup = createGroup(changingGroupElement, 'none');
|
| + document.timeline.play(changingGroup);
|
| +
|
| + at(0, function () {
|
| + assert_false(inEffect(animElement), 'Animations should not be in effect by default before they start.');
|
| + assert_true(inEffect(groupElement), 'Timing Groups should be in effect by default before they start.');
|
| + }, 'Before phase');
|
| +
|
| + at(0.5, function () {
|
| + assert_false(inEffect(animElement), 'Animations should not be in effect by default after they end.');
|
| + assert_true(inEffect(groupElement), 'Timing Groups should be in effect by default before after they end.');
|
| +
|
| + changingAnim.specified.fill = 'auto';
|
| + changingGroup.specified.fill = 'auto';
|
| + assert_false(inEffect(changingAnimElement), 'Updating Animation fill mode to auto should take effect immediately.');
|
| + assert_true(inEffect(changingGroupElement), 'Updating Timing Group fill mode to auto should take effect immediately.');
|
| + }, 'After phase');
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 175443005:
[polymer] import all elements (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart