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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/interpolation/shape-outside.html

Issue 124303002: Layout support for new ellipse shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase against ToT Created 6 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
« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/shape-outside-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <meta charset="UTF-8"> 2 <meta charset="UTF-8">
3 <body> 3 <body>
4 <script src="resources/interpolation-test.js"></script> 4 <script src="resources/interpolation-test.js"></script>
5 <script> 5 <script>
6 assertInterpolation({ 6 assertInterpolation({
7 property: 'shape-outside', 7 property: 'shape-outside',
8 from: 'rectangle(0px, 0px, 100px, 100px)', 8 from: 'rectangle(0px, 0px, 100px, 100px)',
9 to: 'rectangle(25px, 25px, 50px, 50px)' 9 to: 'rectangle(25px, 25px, 50px, 50px)'
10 }, [ 10 }, [
(...skipping 26 matching lines...) Expand all
37 {at: -0.3, is: 'circle(115% at -7.5% -7.5%)'}, 37 {at: -0.3, is: 'circle(115% at -7.5% -7.5%)'},
38 {at: 0, is: 'circle(100% at 0% 0%)'}, 38 {at: 0, is: 'circle(100% at 0% 0%)'},
39 {at: 0.3, is: 'circle(85% at 7.5% 7.5%)'}, 39 {at: 0.3, is: 'circle(85% at 7.5% 7.5%)'},
40 {at: 0.6, is: 'circle(70% at 15% 15%)'}, 40 {at: 0.6, is: 'circle(70% at 15% 15%)'},
41 {at: 1, is: 'circle(50% at 25% 25%)'}, 41 {at: 1, is: 'circle(50% at 25% 25%)'},
42 {at: 1.5, is: 'circle(25% at 37.5% 37.5%)'} 42 {at: 1.5, is: 'circle(25% at 37.5% 37.5%)'}
43 ]); 43 ]);
44 44
45 assertInterpolation({ 45 assertInterpolation({
46 property: 'shape-outside', 46 property: 'shape-outside',
47 from: 'ellipse(0%, 0%, 100%, 100%)', 47 from: 'ellipse(100% 100% at 0% 0%)',
48 to: 'ellipse(25%, 25%, 50%, 50%)', 48 to: 'ellipse(50% 50% at 25% 25%)',
49 }, [ 49 }, [
50 {at: -0.3, is: 'ellipse(-7.5%, -7.5%, 115%, 115%)'}, 50 {at: -0.3, is: 'ellipse(115% 115% at -7.5% -7.5%)'},
51 {at: 0, is: 'ellipse(0%, 0%, 100%, 100%)'}, 51 {at: 0, is: 'ellipse(100% 100% at 0% 0%)'},
52 {at: 0.3, is: 'ellipse(7.5%, 7.5%, 85%, 85%)'}, 52 {at: 0.3, is: 'ellipse(85% 85% at 7.5% 7.5%)'},
53 {at: 0.6, is: 'ellipse(15%, 15%, 70%, 70%)'}, 53 {at: 0.6, is: 'ellipse(70% 70% at 15% 15%)'},
54 {at: 1, is: 'ellipse(25%, 25%, 50%, 50%)'}, 54 {at: 1, is: 'ellipse(50% 50% at 25% 25%)'},
55 {at: 1.5, is: 'ellipse(37.5%, 37.5%, 25%, 25%)'} 55 {at: 1.5, is: 'ellipse(25% 25% at 37.5% 37.5%)'}
56 ]); 56 ]);
57 57
58 assertInterpolation({ 58 assertInterpolation({
59 property: 'shape-outside', 59 property: 'shape-outside',
60 from: 'polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)', 60 from: 'polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)',
61 to: 'polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)', 61 to: 'polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)',
62 }, [ 62 }, [
63 {at: -0.3, is: 'polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)' }, 63 {at: -0.3, is: 'polygon(nonzero, -7.5px -7.5px, 17.5px 17.5px, 42.5px 42.5px)' },
64 {at: 0, is: 'polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)'}, 64 {at: 0, is: 'polygon(nonzero, 0px 0px, 25px 25px, 50px 50px)'},
65 {at: 0.3, is: 'polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)'}, 65 {at: 0.3, is: 'polygon(nonzero, 7.5px 7.5px, 32.5px 32.5px, 57.5px 57.5px)'},
66 {at: 0.6, is: 'polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)'}, 66 {at: 0.6, is: 'polygon(nonzero, 15px 15px, 40px 40px, 65px 65px)'},
67 {at: 1, is: 'polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)'}, 67 {at: 1, is: 'polygon(nonzero, 25px 25px, 50px 50px, 75px 75px)'},
68 {at: 1.5, is: 'polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)'} 68 {at: 1.5, is: 'polygon(nonzero, 37.5px 37.5px, 62.5px 62.5px, 87.5px 87.5px)'}
69 ]); 69 ]);
70 70
71 assertInterpolation({ 71 assertInterpolation({
72 property: 'shape-outside', 72 property: 'shape-outside',
73 from: 'auto', 73 from: 'auto',
74 to: 'ellipse(0%, 0%, 100%, 100%)', 74 to: 'ellipse(100% 100% at 0% 0%)',
75 }, [ 75 }, [
76 {at: -0.3, is: 'auto'}, 76 {at: -0.3, is: 'auto'},
77 {at: 0, is: 'auto'}, 77 {at: 0, is: 'auto'},
78 {at: 0.3, is: 'auto'}, 78 {at: 0.3, is: 'auto'},
79 {at: 0.6, is: 'ellipse(0%, 0%, 100%, 100%)'}, 79 {at: 0.6, is: 'ellipse(100% 100% at 0% 0%)'},
80 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'}, 80 {at: 1, is: 'ellipse(100% 100% at 0% 0%)'},
81 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'} 81 {at: 1.5, is: 'ellipse(100% 100% at 0% 0%)'}
82 ]); 82 ]);
83 </script> 83 </script>
84 </body> 84 </body>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/animations/interpolation/shape-outside-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698