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

Unified Diff: polymer_0.5.0/bower_components/web-animations-js/test/js/box-handler.js

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 12 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
Index: polymer_0.5.0/bower_components/web-animations-js/test/js/box-handler.js
diff --git a/polymer_0.5.0/bower_components/web-animations-js/test/js/box-handler.js b/polymer_0.5.0/bower_components/web-animations-js/test/js/box-handler.js
new file mode 100644
index 0000000000000000000000000000000000000000..c84f2b64e6199efda7dcd90588ca1f4eb904cf85
--- /dev/null
+++ b/polymer_0.5.0/bower_components/web-animations-js/test/js/box-handler.js
@@ -0,0 +1,70 @@
+suite('box-handler', function() {
+ test('parse rectangle values', function() {
+ assert.deepEqual(webAnimationsMinifill.parseBox(' rect(0px, 20px, 20px, 0px) '), [{px: 0}, {px: 20}, {px: 20}, {px: 0}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(0px, 20px, 20px, 0px)'), [{px: 0}, {px: 20}, {px: 20}, {px: 0}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(0px, 20px, 20px, 0)'), [{px: 0}, {px: 20}, {px: 20}, {px: 0}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(10px, 100%, 500px, 10%)'), [{px: 10}, {'%': 100}, {px: 500}, {'%': 10}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(10%, 100%, 500%, 10%)'), [{'%': 10}, {'%': 100}, {'%': 500}, {'%': 10}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(0px, calc(10px*3), 20px, 0%)'), [{px: 0}, {px: 30}, {px: 20}, {'%': 0}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(0px, 0%, 20px, calc(10px*3))'), [{px: 0}, {'%': 0}, {px: 20}, {px: 30}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(0px, 0%, 20px, calc((10px) + (3px)))'), [{px: 0}, {'%': 0}, {px: 20}, {px: 13}]);
+ assert.deepEqual(webAnimationsMinifill.parseBox('rect(calc(10px + 5em), calc(10px + 5em), calc(10px + 5em), calc(10px + 5em))'),
+ [{px: 10, em: 5}, {px: 10, em: 5}, {px: 10, em: 5}, {px: 10, em: 5}]);
+ });
+ test('invalid rectangles fail to parse', function() {
+ assert.isUndefined(webAnimationsMinifill.parseBox('rect(0, 20, 20, 0)'));
+ assert.isUndefined(webAnimationsMinifill.parseBox('rect(0px, 0px, 0px)'));
+ assert.isUndefined(webAnimationsMinifill.parseBox('rect(0px, 0px, 0px, 0px, 0px)'));
+ assert.isUndefined(webAnimationsMinifill.parseBox('rect()'));
+ assert.isUndefined(webAnimationsMinifill.parseBox('rect(calc(10px + 5), 0px, 0px, 0px)'));
+ assert.isUndefined(webAnimationsMinifill.parseBox('Rect(0px, 0px, 0px, 0px)'));
+ });
+ test('interpolate lengths, percents and calcs in rectangles', function() {
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(10px, 10px, 10px, 10px)', 'rect(50px, 50px, 50px, 50px)')(0.25),
+ 'rect(20px, 20px, 20px, 20px)',
+ 'Interpolate lengths in a rect');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(-10px, -10px, -10px, -10px)', 'rect(50px, 50px, 50px, 50px)')(0.25),
+ 'rect(5px, 5px, 5px, 5px)',
+ 'Interpolate negative lengths in a rect');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(10%, 10%, 10%, 10%)', 'rect(50%, 50%, 50%, 50%)')(0.25),
+ 'rect(20%, 20%, 20%, 20%)',
+ 'Interpolate percents in a rect');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(10px, 10%, 10px, 10%)', 'rect(50px, 50%, 50px, 50%)')(0.25),
+ 'rect(20px, 20%, 20px, 20%)',
+ 'Interpolate mixed lengths and percents in a rect, where units are aligned');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(0px, 0px, 0px, 0px)', 'rect(0.001px, 0.001px, 0.001px, 0.001px)')(0.05),
+ 'rect(0px, 0px, 0px, 0px)',
+ 'Round interpolation result');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(0px, 0px, 0px, 0px)', 'rect(0.001px, 0.001px, 0.001px, 0.001px)')(0.5),
+ 'rect(0.001px, 0.001px, 0.001px, 0.001px)',
+ 'Round interpolation result');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(10px, 10px, 10px, 10px)', 'rect(20px, 20px, 20px, 20px)')(0.25),
+ 'rect(12.500px, 12.500px, 12.500px, 12.500px)',
+ 'Round interpolation result');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation('clip', 'rect(10px, 10%, 10px, 10%)', 'rect(10em, 10px, 10em, 10px)')(0.4),
+ 'rect(calc(6px + 4em), calc(6% + 4px), calc(6px + 4em), calc(6% + 4px))',
+ 'Interpolate from pixels to ems and from percents to pixels');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation(
+ 'clip',
+ 'rect(calc(10px + 5em), calc(10px + 5em), calc(10px + 5em), calc(10px + 5em))',
+ 'rect(calc(20px + 35em), calc(20px + 35em), calc(20px + 35em), calc(20px + 35em))')(0.4),
+ 'rect(calc(14px + 17em), calc(14px + 17em), calc(14px + 17em), calc(14px + 17em))',
+ 'Interpolate calcs in a rect');
+ assert.equal(
+ webAnimationsMinifill.propertyInterpolation(
+ 'clip',
+ 'rect(calc(10px + (5em)), calc(10px + (5em)), calc(10px + (5em)), calc(10px + (5em)))',
+ 'rect(calc(20px + 35em), calc(20px + 35em), calc(20% + 35em), calc(20% + 35em))')(0.5),
+ 'rect(calc(15px + 20em), calc(15px + 20em), calc(5px + 20em + 10%), calc(5px + 20em + 10%))',
+ 'Interpolate calcs in a rect');
+ });
+});

Powered by Google App Engine
This is Rietveld 408576698