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

Side by Side Diff: LayoutTests/fast/masking/parsing-clip-path-shape.html

Issue 185133006: [CSS Shapes] Serialize circle/ellipse positions (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix test expectation 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 <html> 2 <html>
3 <style> 3 <style>
4 * { font-size: 16px; } 4 * { font-size: 16px; }
5 div { font-size: 8px; } 5 div { font-size: 8px; }
6 </style> 6 </style>
7 <body> 7 <body>
8 <script src="../../resources/js-test.js"></script> 8 <script src="../../resources/js-test.js"></script>
9 <script> 9 <script>
10 description('Test that clip-path shapes accept different length units'); 10 description('Test that clip-path shapes accept different length units');
(...skipping 28 matching lines...) Expand all
39 testInner(property, value, null); 39 testInner(property, value, null);
40 testComputed(property, value, 'none'); 40 testComputed(property, value, 'none');
41 } 41 }
42 42
43 // absolute lengths - number serialization, units 43 // absolute lengths - number serialization, units
44 testInner("-webkit-clip-path", "circle(0, 0, 0)", "circle(0px, 0px, 0px)"); 44 testInner("-webkit-clip-path", "circle(0, 0, 0)", "circle(0px, 0px, 0px)");
45 testInner("-webkit-clip-path", "circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px )"); 45 testInner("-webkit-clip-path", "circle(-1px, +1px, 1px)", "circle(-1px, 1px, 1px )");
46 testInner("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px, 1.5px, 1.5px)"); 46 testInner("-webkit-clip-path", "circle(-1.5px, +1.5px, 1.5px)", "circle(-1.5px, 1.5px, 1.5px)");
47 testInner("-webkit-clip-path", "circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5 px, 0.5px)"); 47 testInner("-webkit-clip-path", "circle(-.5px, +.5px, .5px)", "circle(-0.5px, 0.5 px, 0.5px)");
48 48
49 testInner("-webkit-clip-path", "circle(0 at 0 0)", "circle(0px at 0px 0px)"); 49 testInner("-webkit-clip-path", "circle(0 at 0 0)", "circle(0px at 0% 0%)");
50 testInner("-webkit-clip-path", "circle(1px at -1px +1px)", "circle(1px at -1px 1 px)"); 50 testInner("-webkit-clip-path", "circle(1px at -1px +1px)", "circle(1px at -1px 1 px)");
51 testInner("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)", "circle(1.5px a t -1.5px 1.5px)"); 51 testInner("-webkit-clip-path", "circle(1.5px at -1.5px +1.5px)", "circle(1.5px a t -1.5px 1.5px)");
52 testInner("-webkit-clip-path", "circle(.5px at -.5px +.5px)", "circle(0.5px at - 0.5px 0.5px)"); 52 testInner("-webkit-clip-path", "circle(.5px at -.5px +.5px)", "circle(0.5px at - 0.5px 0.5px)");
53 53
54 testInner("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "recta ngle(1cm, 1mm, 1in, 1px, 1pt, 1pc)"); 54 testInner("-webkit-clip-path", "rectangle(1cm, 1mm, 1in, 1px, 1pt, 1pc)", "recta ngle(1cm, 1mm, 1in, 1px, 1pt, 1pc)");
55 55
56 // font-relative lengths - number serialization, units, resolution 56 // font-relative lengths - number serialization, units, resolution
57 testInner("-webkit-clip-path", "circle(-1em, +1em, 1em)", "circle(-1em, 1em, 1em )"); 57 testInner("-webkit-clip-path", "circle(-1em, +1em, 1em)", "circle(-1em, 1em, 1em )");
58 testInner("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)", "circle(-1.5em, 1.5em, 1.5em)"); 58 testInner("-webkit-clip-path", "circle(-1.5em, +1.5em, 1.5em)", "circle(-1.5em, 1.5em, 1.5em)");
59 testInner("-webkit-clip-path", "circle(-.5em, +.5em, .5em)", "circle(-0.5em, 0.5 em, 0.5em)"); 59 testInner("-webkit-clip-path", "circle(-.5em, +.5em, .5em)", "circle(-0.5em, 0.5 em, 0.5em)");
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after
134 negativeTest("-webkit-clip-path", "polygon(0, 0)"); 134 negativeTest("-webkit-clip-path", "polygon(0, 0)");
135 negativeTest("-webkit-clip-path", "polygon(0 0, 0)"); 135 negativeTest("-webkit-clip-path", "polygon(0 0, 0)");
136 negativeTest("-webkit-clip-path", "polygon(0)"); 136 negativeTest("-webkit-clip-path", "polygon(0)");
137 negativeTest("-webkit-clip-path", "polygon()"); 137 negativeTest("-webkit-clip-path", "polygon()");
138 negativeTest("-webkit-clip-path", "polygon(evenodd)"); 138 negativeTest("-webkit-clip-path", "polygon(evenodd)");
139 negativeTest("-webkit-clip-path", "polygon(nonzero)"); 139 negativeTest("-webkit-clip-path", "polygon(nonzero)");
140 140
141 </script> 141 </script>
142 </body> 142 </body>
143 </html> 143 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698