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

Side by Side Diff: LayoutTests/fast/shapes/parsing/parsing-shape-lengths.html

Issue 191353002: [CSS Shapes] Omit polygon default fill-rule (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Add COMPILE_ASSERT 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 <head> 3 <head>
4 <style> 4 <style>
5 * { font-size: 16px; } 5 * { font-size: 16px; }
6 div { font-size: 8px; } 6 div { font-size: 8px; }
7 </style> 7 </style>
8 <script src="../../../resources/js-test.js"></script> 8 <script src="../../../resources/js-test.js"></script>
9 </head> 9 </head>
10 <body> 10 <body>
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
67 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)"); 67 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)");
68 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)"); 68 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)");
69 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)" ); 69 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)" );
70 70
71 // percentage lengths - units 71 // percentage lengths - units
72 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)"); 72 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)");
73 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9 0%, 60%, 25%, 10%)"); 73 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9 0%, 60%, 25%, 10%)");
74 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle (45%, 45%, 90%, 60%, 25%, 10%)"); 74 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle (45%, 45%, 90%, 60%, 25%, 10%)");
75 testStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90% 60% ro und 25% 10% 25% 10% / 25% 10% 25% 10%)"); 75 testStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90% 60% ro und 25% 10% 25% 10% / 25% 10% 25% 10%)");
76 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100 %)"); 76 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100 %)");
77 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)"); 77 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(10% 20%, 30% 40%, 40% 50%)");
78 78
79 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)"); 79 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)");
80 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45% , 45%, 90%, 60%, 25%, 10%)"); 80 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45% , 45%, 90%, 60%, 25%, 10%)");
81 testComputedStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-r ectangle(45%, 45%, 90%, 60%, 25%, 10%)"); 81 testComputedStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-r ectangle(45%, 45%, 90%, 60%, 25%, 10%)");
82 testComputedStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90 % 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)"); 82 testComputedStyleValue("inset(45% 45% 90% 60% round 25% 10%)", "inset(45% 45% 90 % 60% round 25% 10% 25% 10% / 25% 10% 25% 10%)");
83 testComputedStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 1 00%, 100%)"); 83 testComputedStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 1 00%, 100%)");
84 testComputedStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 1 0% 20%, 30% 40%, 40% 50%)"); 84 testComputedStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(10% 20%, 3 0% 40%, 40% 50%)");
85 85
86 // reject non-lengths 86 // reject non-lengths
87 testInvalidValue("shape-inside", "circle(1px, 1px, 1)"); 87 testInvalidValue("shape-inside", "circle(1px, 1px, 1)");
88 testInvalidValue("shape-inside", "circle(1px, 1px, px)"); 88 testInvalidValue("shape-inside", "circle(1px, 1px, px)");
89 testInvalidValue("shape-inside", "circle(1px, 1px, 1p)"); 89 testInvalidValue("shape-inside", "circle(1px, 1px, 1p)");
90 testInvalidValue("shape-inside", "circle(1px, 1px, calc())"); 90 testInvalidValue("shape-inside", "circle(1px, 1px, calc())");
91 91
92 // reject negative radiuses 92 // reject negative radiuses
93 testInvalidValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)"); 93 testInvalidValue("shape-inside", "circle(-1.5px, +1.5px, -1.5px)");
94 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)"); 94 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc)");
95 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)"); 95 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc)");
96 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc) "); 96 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, -1pt, 1pc) ");
97 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc) "); 97 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, 1px, 1pt, -1pc) ");
98 testInvalidValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)"); 98 testInvalidValue("shape-inside", "inset(1cm 1mm 1in 1px round 1pt -1pc)");
99 testInvalidValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)"); 99 testInvalidValue("shape-inside", "ellipse(1em, 1em, -1em, 1em)");
100 testInvalidValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)"); 100 testInvalidValue("shape-inside", "ellipse(1em, 1em, 1em, -1em)");
101 101
102 // reject negative height and width 102 // reject negative height and width
103 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)"); 103 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc)");
104 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)"); 104 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)");
105 105
106 // reject negative top, right, bottom, and left 106 // reject negative top, right, bottom, and left
107 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc) "); 107 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc) ");
108 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc) "); 108 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc) ");
109 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc) "); 109 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc) ");
110 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc) "); 110 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc) ");
111 </script> 111 </script>
112 </body> 112 </body>
113 </html> 113 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698