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

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

Issue 200633005: [CSS Shapes] Remove deprecated shapes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectations Created 6 years, 9 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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <meta charset="UTF-8"> 2 <meta charset="UTF-8">
3 <style> 3 <style>
4 .target { 4 .target {
5 color: white; 5 color: white;
6 width: 100px; 6 width: 100px;
7 height: 100px; 7 height: 100px;
8 background-color: black; 8 background-color: black;
9 display: inline-block; 9 display: inline-block;
10 overflow: hidden; 10 overflow: hidden;
(...skipping 13 matching lines...) Expand all
24 <template id="target-template"> 24 <template id="target-template">
25 <div></div><div></div> 25 <div></div><div></div>
26 <div></div><div></div> 26 <div></div><div></div>
27 <div></div><div></div> 27 <div></div><div></div>
28 <div></div><div></div> 28 <div></div><div></div>
29 </template> 29 </template>
30 <script src="resources/interpolation-test.js"></script> 30 <script src="resources/interpolation-test.js"></script>
31 <script> 31 <script>
32 assertInterpolation({ 32 assertInterpolation({
33 property: 'shape-inside', 33 property: 'shape-inside',
34 from: 'rectangle(0px, 0px, 100px, 100px)',
35 to: 'rectangle(25px, 25px, 50px, 50px)'
36 }, [
37 {at: -0.3, is: 'rectangle(-7.5px, -7.5px, 115px, 115px)'},
38 {at: 0, is: 'rectangle(0px, 0px, 100px, 100px)'},
39 {at: 0.3, is: 'rectangle(7.5px, 7.5px, 85px, 85px)'},
40 {at: 0.6, is: 'rectangle(15px, 15px, 70px, 70px)'},
41 {at: 1, is: 'rectangle(25px, 25px, 50px, 50px)'},
42 {at: 1.5, is: 'rectangle(37.5px, 37.5px, 25px, 25px)'}
43 ]);
44
45 assertInterpolation({
46 property: 'shape-inside',
47 from: 'none', 34 from: 'none',
48 to: 'ellipse(0%, 0%, 100%, 100%)', 35 to: 'ellipse(100% 100% at 0% 0%)',
49 }, [ 36 }, [
50 {at: -0.3, is: 'none'}, 37 {at: -0.3, is: 'none'},
51 {at: 0, is: 'none'}, 38 {at: 0, is: 'none'},
52 {at: 0.3, is: 'none'}, 39 {at: 0.3, is: 'none'},
53 {at: 0.6, is: 'ellipse(0%, 0%, 100%, 100%)'}, 40 {at: 0.6, is: 'ellipse(100% 100% at 0% 0%)'},
54 {at: 1, is: 'ellipse(0%, 0%, 100%, 100%)'}, 41 {at: 1, is: 'ellipse(100% 100% at 0% 0%)'},
55 {at: 1.5, is: 'ellipse(0%, 0%, 100%, 100%)'} 42 {at: 1.5, is: 'ellipse(100% 100% at 0% 0%)'}
56 ]); 43 ]);
57 </script> 44 </script>
58 </body> 45 </body>
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/animations/interpolation/shape-inside-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698