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

Side by Side Diff: polymer_0.5.0/bower_components/web-animations-js/test/blink/interpolation/vertical-align-interpolation.html

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, 11 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <meta charset="UTF-8">
3 <style>
4 .target {
5 width: 100px;
6 height: 100px;
7 background-color: black;
8 display: inline-block;
9 }
10 .replica {
11 background-color: green;
12 display: inline-block;
13 }
14 </style>
15 <body>
16 <script src="../testharness/testharness.js"></script>
17 <script src="../testharness/testharnessreport.js"></script>
18 <script src="resources/interpolation-test.js"></script>
19 <script>
20 assertInterpolation({
21 property: 'vertical-align',
22 from: '0px',
23 to: '100px'
24 }, [
25 {at: -0.5, is: '-50px'},
26 {at: 0, is: '0px'},
27 {at: 0.3, is: '30px'},
28 {at: 0.6, is: '60px'},
29 {at: 1, is: '100px'},
30 {at: 1.5, is: '150px'}
31 ]);
32
33 assertInterpolation({
34 property: 'vertical-align',
35 from: '40px',
36 to: '40%'
37 }, [
38 {at: -0.5, is: 'calc(60px - 20%)'},
39 {at: 0, is: '40px'},
40 {at: 0.3, is: 'calc(28px + 12%)'},
41 {at: 1, is: '40%'},
42 {at: 1.5, is: 'calc(-20px + 60%)'}
43 ]);
44
45 assertInterpolation({
46 property: 'vertical-align',
47 from: 'super',
48 to: '40%'
49 }, [
50 {at: 0, is: 'super'},
51 {at: 0.3, is: 'super'},
52 {at: 0.5, is: '40%'},
53 {at: 1, is: '40%'},
54 ]);
55 </script>
56 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698