Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(72)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-unit-test-position-type.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-test-totimelinetime.html ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/manual-test-add-player-onend.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-unit-test-position-type.html
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-unit-test-position-type.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-unit-test-position-type.html
new file mode 100644
index 0000000000000000000000000000000000000000..8603434d39eb210839059d0d9a7be375277b898b
--- /dev/null
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-unit-test-position-type.html
@@ -0,0 +1,256 @@
+<!--
+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">
+
+<pre></pre>
+
+<script src="../bootstrap.js"></script>
+<script>
+'use strict';
+
+var positionListType = window._WebAnimationsTestingUtilities._positionListType;
+var testParse = function(input, expected) {
+ test(function() {
+ var result = positionListType.fromCssValue(input);
+ if (result) {
+ result = positionListType.toCssValue(result);
+ }
+ assert_equals(result, expected);
+ }, 'from/toCssValue: ' + input);
+};
+
+var testAdd = function(base, delta, expected) {
+ test(function() {
+ assert_equals(positionListType.toCssValue(positionListType.add(
+ positionListType.fromCssValue(base),
+ positionListType.fromCssValue(delta))), expected);
+ }, 'add: ' + base + ' with ' + delta);
+};
+
+var testInterpolate = function(parameters) {
+ test(function() {
+ assert_equals(positionListType.toCssValue(positionListType.interpolate(
+ positionListType.fromCssValue(parameters.from),
+ positionListType.fromCssValue(parameters.to),
+ parameters.fraction)), parameters.expected);
+ }, 'interpolate: ' + parameters.from + ' to ' + parameters.to + ' at ' + parameters.fraction);
+};
+
+testParse('', '0% 0%');
+
+testParse('left', '0% 50%');
+testParse('center', '50% 50%');
+testParse('right', '100% 50%');
+testParse('top', '50% 0%');
+testParse('bottom', '50% 100%');
+testParse('10px', '10px 50%');
+testParse('25%', '25% 50%');
+testParse('calc(80% - 15px)', 'calc(80% + -15px) 50%');
+
+testParse('0% 0%', '0% 0%');
+testParse('0px 0px', '0px 0px');
+testParse('left left', undefined);
+testParse('left center', '0% 50%');
+testParse('left right', undefined);
+testParse('left top', '0% 0%');
+testParse('left bottom', '0% 100%');
+testParse('left 10px', '0% 10px');
+testParse('left 25%', '0% 25%');
+testParse('left calc(80% - 15px)', '0% calc(80% + -15px)');
+testParse('center left', '0% 50%');
+testParse('center center', '50% 50%');
+testParse('center right', '100% 50%');
+testParse('center top', '50% 0%');
+testParse('center bottom', '50% 100%');
+testParse('center 10px', '50% 10px');
+testParse('center 25%', '50% 25%');
+testParse('center calc(80% - 15px)', '50% calc(80% + -15px)');
+testParse('right left', undefined);
+testParse('right center', '100% 50%');
+testParse('right right', undefined);
+testParse('right top', '100% 0%');
+testParse('right bottom', '100% 100%');
+testParse('right 10px', '100% 10px');
+testParse('right 25%', '100% 25%');
+testParse('right calc(80% - 15px)', '100% calc(80% + -15px)');
+testParse('top left', '0% 0%');
+testParse('top center', '50% 0%');
+testParse('top right', '100% 0%');
+testParse('top top', undefined);
+testParse('top bottom', undefined);
+testParse('top 10px', undefined);
+testParse('top 25%', undefined);
+testParse('top calc(80% - 15px)', undefined);
+testParse('bottom left', '0% 100%');
+testParse('bottom center', '50% 100%');
+testParse('bottom right', '100% 100%');
+testParse('bottom top', undefined);
+testParse('bottom bottom', undefined);
+testParse('bottom 10px', undefined);
+testParse('bottom 25%', undefined);
+testParse('bottom calc(80% - 15px)', undefined);
+testParse('10px left', undefined);
+testParse('10px center', '10px 50%');
+testParse('10px right', undefined);
+testParse('10px top', '10px 0%');
+testParse('10px bottom', '10px 100%');
+testParse('10px 10px', '10px 10px');
+testParse('10px 25%', '10px 25%');
+testParse('10px calc(80% - 15px)', '10px calc(80% + -15px)');
+testParse('25% left', undefined);
+testParse('25% center', '25% 50%');
+testParse('25% right', undefined);
+testParse('25% top', '25% 0%');
+testParse('25% bottom', '25% 100%');
+testParse('25% 10px', '25% 10px');
+testParse('25% 25%', '25% 25%');
+testParse('25% calc(80% - 15px)', '25% calc(80% + -15px)');
+testParse('calc(80% - 15px) left', undefined);
+testParse('calc(80% - 15px) center', 'calc(80% + -15px) 50%');
+testParse('calc(80% - 15px) right', undefined);
+testParse('calc(80% - 15px) top', 'calc(80% + -15px) 0%');
+testParse('calc(80% - 15px) bottom', 'calc(80% + -15px) 100%');
+testParse('calc(80% - 15px) 10px', 'calc(80% + -15px) 10px');
+testParse('calc(80% - 15px) 25%', 'calc(80% + -15px) 25%');
+testParse('calc(80% - 15px) calc(80% - 15px)', 'calc(80% + -15px) calc(80% + -15px)');
+
+testParse('left left 10px', undefined);
+testParse('left center left', undefined);
+testParse('left center 25%', undefined);
+testParse('left right center', undefined);
+testParse('left right calc(80% - 15px)', undefined);
+testParse('left bottom 10px', '0% calc(-10px + 100%)');
+testParse('left 10px right', undefined);
+testParse('left 25% 25%', undefined);
+testParse('left calc(80% - 15px) top', 'calc(80% + -15px) 0%');
+testParse('center left top', undefined);
+testParse('center center left', undefined);
+testParse('center center center', undefined);
+testParse('center right 10px', 'calc(-10px + 100%) 50%');
+testParse('center top 25%', '50% 25%');
+testParse('center 25% left', undefined);
+testParse('right left right', undefined);
+testParse('right left 25%', undefined);
+testParse('right center 10px', undefined);
+testParse('right right 25%', undefined);
+testParse('right top 10px', '100% 10px');
+testParse('right bottom 25%', '100% 75%');
+testParse('right 25% bottom', '75% 100%');
+testParse('right 10px 25%', undefined);
+testParse('top left 25%', '25% 0%');
+testParse('top center 25%', undefined);
+testParse('top 10px right', '100% 10px');
+testParse('top 10px 10px', undefined);
+testParse('top calc(80% - 15px) center', '50% calc(80% + -15px)');
+testParse('bottom left 10px', '10px 100%');
+testParse('bottom calc(80% - 15px) right', '100% calc(20% + 15px)');
+testParse('bottom calc(80% - 15px) bottom', undefined);
+testParse('10px left center', undefined);
+testParse('10px right 25%', undefined);
+testParse('10px 25% bottom', undefined);
+testParse('25% 25% 25%', undefined);
+testParse('calc(80% - 15px) calc(80% - 15px) right', undefined);
+
+testParse('left 25% left 10px', undefined);
+testParse('left center left 10px', undefined);
+testParse('left center top 25%', undefined);
+testParse('left 10px right calc(80% - 15px)', undefined);
+testParse('left 10px bottom 10px', '10px calc(-10px + 100%)');
+testParse('left 25% top 25%', '25% 25%');
+testParse('left calc(80% - 15px) top 10px', 'calc(80% + -15px) 10px');
+testParse('center left top 10px', undefined);
+testParse('center center left 25%', undefined);
+testParse('center center center 10px', undefined);
+testParse('center 25% right 10px', undefined);
+testParse('right left right 25%', undefined);
+testParse('right 10px right 25%', undefined);
+testParse('top 10px center 25%', undefined);
+testParse('top 10px right calc(80% - 15px)', 'calc(20% + 15px) 10px');
+testParse('top 10px 10px right', undefined);
+testParse('bottom calc(80% - 15px) left 10px', '10px calc(20% + 15px)');
+testParse('calc(80% - 15px) 10px right 25%', undefined);
+testParse('10px 25% bottom 25%', undefined);
+testParse('25% 25% 25% 25%', undefined);
+
+testParse('10px right, center center', undefined);
+testParse('25% calc(80% - 15px), right 10px', '25% calc(80% + -15px), 100% 10px');
+testParse('left calc(80% - 15px) top, 25% calc(80% - 15px)', 'calc(80% + -15px) 0%, 25% calc(80% + -15px)');
+testParse('right left 25%, left calc(80% - 15px) top', undefined);
+testParse('top center 25%, right left 25%', undefined);
+
+testParse('10px right, center center, 25% calc(80% - 15px), right 10px', undefined);
+testParse('right calc(80% - 15px) top, 25% calc(80% - 15px), top left 25%, left calc(80% - 15px) top', 'calc(20% + 15px) 0%, 25% calc(80% + -15px), 25% 0%, calc(80% + -15px) 0%');
+testParse('calc(80% - 15px) 10px right 25%, left calc(80% - 15px) top 10px, center center, calc(80% - 15px) 10px right 25%', undefined);
+
+testParse('aoeu', undefined);
+testParse('aoeu, asdf', undefined);
+testParse('laft 45%', undefined);
+
+
+// Last parameter is expected result.
+testAdd('0px 0px', '0px 0px', '0px 0px');
+testAdd('0px 0px', '25px 50px', '25px 50px');
+testAdd('0% 0%', '25% 50%', '25% 50%');
+testAdd('10px 10%', '25px 50%', '35px 60%');
+testAdd('10px 10%', '25% 50px', 'calc(10px + 25%) calc(10% + 50px)');
+testAdd('10px 10%, 10px 10px', '25px 50%', '35px 60%, 10px 10px');
+testAdd('10px 10%', '25px 50%, 10px 10px', '35px 60%, 10px 10px');
+testAdd('10px 10%, 5% 5px', '25px 50%, 20% 20px', '35px 60%, 25% 25px');
+
+
+testInterpolate({
+ from: '0px 0px',
+ to: '0px 0px',
+ fraction: 0.2,
+ expected: '0px 0px'});
+testInterpolate({
+ from: '0px 0px',
+ to: '25px 50px',
+ fraction: 0.2,
+ expected: '5px 10px'});
+testInterpolate({
+ from: '0% 0%',
+ to: '25% 50%',
+ fraction: 0.2,
+ expected: '5% 10%'});
+testInterpolate({
+ from: '10px 10%',
+ to: '25px 50%',
+ fraction: 0.2,
+ expected: '13px 18%'});
+testInterpolate({
+ from: '10px 10%',
+ to: '25% 50px',
+ fraction: 0.2,
+ expected: 'calc(8px + 5%) calc(8% + 10px)'});
+testInterpolate({
+ from: '10px 10%, 10px 10px',
+ to: '25px 50%',
+ fraction: 0.2,
+ expected: '13px 18%, 8px 8px'});
+testInterpolate({
+ from: '10px 10%',
+ to: '25px 50%, 10px 10px',
+ fraction: 0.2,
+ expected: '13px 18%, 2px 2px'});
+testInterpolate({
+ from: '10px 10%, 5% 5px',
+ to: '25px 50%, 20% 20px',
+ fraction: 0.2,
+ expected: '13px 18%, 8% 8px'});
+
+</script>
« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/impl-test-totimelinetime.html ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/manual-test-add-player-onend.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698