LayoutTests/fast/masking/parsing-clip-path-shape.html - Issue 191353002: [CSS Shapes] Omit polygon default fill-rule

Side by Side Diff: LayoutTests/fast/masking/parsing-clip-path-shape.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

« no previous file with comments | « LayoutTests/css3/masking/clip-path-animation-expected.txt ('k') | LayoutTests/fast/masking/parsing-clip-path-shape-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 80 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
91	91

92 testComputed("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)", "circle(12px at 4 px 8px)");	92 testComputed("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)", "circle(12px at 4 px 8px)");

93 testComputed("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)", "circle(9px at 3p x 6px)");	93 testComputed("-webkit-clip-path", "circle(1.5vh at .5vh 1vh)", "circle(9px at 3p x 6px)");

94 testComputed("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)", "circle(9px at 3px 6px)");	94 testComputed("-webkit-clip-path", "circle(1.5vmin at .5vmin 1vmin)", "circle(9px at 3px 6px)");

95	95

96 // percentage lengths - units	96 // percentage lengths - units

97 testInner("-webkit-clip-path", "circle(100%, 100%, 100%)", "circle(100%, 100%, 1 00%)");	97 testInner("-webkit-clip-path", "circle(100%, 100%, 100%)", "circle(100%, 100%, 1 00%)");

98 testInner("-webkit-clip-path", "circle(100% at 100% 100%)", "circle(100% at 100% 100%)");	98 testInner("-webkit-clip-path", "circle(100% at 100% 100%)", "circle(100% at 100% 100%)");

99 testInner("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "recta ngle(45%, 45%, 90%, 60%, 25%, 10%)");	99 testInner("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "recta ngle(45%, 45%, 90%, 60%, 25%, 10%)");

100 testInner("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100%)");	100 testInner("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100%)");

101 testInner("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(no nzero, 10% 20%, 30% 40%, 40% 50%)");	101 testInner("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(10 % 20%, 30% 40%, 40% 50%)");

102	102

103 testComputed("-webkit-clip-path", "circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)");	103 testComputed("-webkit-clip-path", "circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)");

104 testComputed("-webkit-clip-path", "circle(150% at 50% 100%)", "circle(150% at 50 % 100%)");	104 testComputed("-webkit-clip-path", "circle(150% at 50% 100%)", "circle(150% at 50 % 100%)");

105 testComputed("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "re ctangle(45%, 45%, 90%, 60%, 25%, 10%)");	105 testComputed("-webkit-clip-path", "rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "re ctangle(45%, 45%, 90%, 60%, 25%, 10%)");

106 testComputed("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)", "ellipse(10 0%, 100%, 100%, 100%)");	106 testComputed("-webkit-clip-path", "ellipse(100%, 100%, 100%, 100%)", "ellipse(10 0%, 100%, 100%, 100%)");

107 testComputed("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)", "polygon (nonzero, 10% 20%, 30% 40%, 40% 50%)");	107 testComputed("-webkit-clip-path", "polygon(10% 20%, 30% 40%, 40% 50%)", "polygon (10% 20%, 30% 40%, 40% 50%)");

108	108

109 // reject non-lengths	109 // reject non-lengths

110 negativeTest("-webkit-clip-path", "circle(1px, 1px, 1)");	110 negativeTest("-webkit-clip-path", "circle(1px, 1px, 1)");

111 negativeTest("-webkit-clip-path", "circle(1px, 1px, px)");	111 negativeTest("-webkit-clip-path", "circle(1px, 1px, px)");

112 negativeTest("-webkit-clip-path", "circle(1px, 1px, 1p)");	112 negativeTest("-webkit-clip-path", "circle(1px, 1px, 1p)");

113 negativeTest("-webkit-clip-path", "circle(1px, 1px, calc())");	113 negativeTest("-webkit-clip-path", "circle(1px, 1px, calc())");

114	114

115 negativeTest("-webkit-clip-path", "circle(1 at 1px 1px)");	115 negativeTest("-webkit-clip-path", "circle(1 at 1px 1px)");

116 negativeTest("-webkit-clip-path", "circle(px at 1px 1px)");	116 negativeTest("-webkit-clip-path", "circle(px at 1px 1px)");

117 negativeTest("-webkit-clip-path", "circle(1p at 1px 1px)");	117 negativeTest("-webkit-clip-path", "circle(1p at 1px 1px)");

(...skipping 16 matching lines...) Expand all Loading...
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>

OLD	NEW