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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 115253003: Layout support for new circle shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add misisng test change for animations/interpolation/shape-outside.html Created 7 years 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') | Source/core/rendering/style/BasicShapes.h » ('J')
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 13 matching lines...) Expand all
24 {at: -0.5, is: 'inset-rectangle(12.5px, 12.5px, 125px, 125px)'}, 24 {at: -0.5, is: 'inset-rectangle(12.5px, 12.5px, 125px, 125px)'},
25 {at: 0, is: 'inset-rectangle(25px, 25px, 100px, 100px)'}, 25 {at: 0, is: 'inset-rectangle(25px, 25px, 100px, 100px)'},
26 {at: 0.3, is: 'inset-rectangle(32.5px, 32.5px, 85px, 85px)'}, 26 {at: 0.3, is: 'inset-rectangle(32.5px, 32.5px, 85px, 85px)'},
27 {at: 0.6, is: 'inset-rectangle(40px, 40px, 70px, 70px)'}, 27 {at: 0.6, is: 'inset-rectangle(40px, 40px, 70px, 70px)'},
28 {at: 1, is: 'inset-rectangle(50px, 50px, 50px, 50px)'}, 28 {at: 1, is: 'inset-rectangle(50px, 50px, 50px, 50px)'},
29 {at: 1.5, is: 'inset-rectangle(62.5px, 62.5px, 25px, 25px)'} 29 {at: 1.5, is: 'inset-rectangle(62.5px, 62.5px, 25px, 25px)'}
30 ]); 30 ]);
31 31
32 assertInterpolation({ 32 assertInterpolation({
33 property: 'shape-outside', 33 property: 'shape-outside',
34 from: 'circle(0%, 0%, 100%)', 34 from: 'circle(100% at 0% 0%)',
35 to: 'circle(25%, 25%, 50%)', 35 to: 'circle(50% at 25% 25%)',
36 }, [ 36 }, [
37 {at: -0.3, is: 'circle(-7.5%, -7.5%, 115%)'}, 37 {at: -0.3, is: 'circle(115% at -7.5% -7.5%)'},
38 {at: 0, is: 'circle(0%, 0%, 100%)'}, 38 {at: 0, is: 'circle(100% at 0% 0%)'},
39 {at: 0.3, is: 'circle(7.5%, 7.5%, 85%)'}, 39 {at: 0.3, is: 'circle(85% at 7.5% 7.5%)'},
40 {at: 0.6, is: 'circle(15%, 15%, 70%)'}, 40 {at: 0.6, is: 'circle(70% at 15% 15%)'},
41 {at: 1, is: 'circle(25%, 25%, 50%)'}, 41 {at: 1, is: 'circle(50% at 25% 25%)'},
42 {at: 1.5, is: 'circle(37.5%, 37.5%, 25%)'} 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(0%, 0%, 100%, 100%)',
48 to: 'ellipse(25%, 25%, 50%, 50%)', 48 to: 'ellipse(25%, 25%, 50%, 50%)',
49 }, [ 49 }, [
50 {at: -0.3, is: 'ellipse(-7.5%, -7.5%, 115%, 115%)'}, 50 {at: -0.3, is: 'ellipse(-7.5%, -7.5%, 115%, 115%)'},
51 {at: 0, is: 'ellipse(0%, 0%, 100%, 100%)'}, 51 {at: 0, is: 'ellipse(0%, 0%, 100%, 100%)'},
52 {at: 0.3, is: 'ellipse(7.5%, 7.5%, 85%, 85%)'}, 52 {at: 0.3, is: 'ellipse(7.5%, 7.5%, 85%, 85%)'},
(...skipping 22 matching lines...) Expand all
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(0%, 0%, 100%, 100%)'},
80 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'}, 80 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'},
81 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'} 81 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'}
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') | Source/core/rendering/style/BasicShapes.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698