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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 82083002: Move viewport unit resolution to style recalc time (Closed) Base URL: https://chromium.googlesource.com/chromium/blink@master
Patch Set: rename browser zoom to page zoom Created 6 years, 11 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/fast/css/computed-offset-with-zoom-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') | Show Comments Hide Comments ('s')
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 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
74 testInner("-webkit-clip-path", "circle(1rem at 1rem 1rem)", "circle(1rem at 1rem 1rem)"); 74 testInner("-webkit-clip-path", "circle(1rem at 1rem 1rem)", "circle(1rem at 1rem 1rem)");
75 75
76 testComputed("-webkit-clip-path", "circle(1.5em at .5em 1em)", "circle(12px at 4 px 8px)"); 76 testComputed("-webkit-clip-path", "circle(1.5em at .5em 1em)", "circle(12px at 4 px 8px)");
77 testComputed("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)", "circle(24px a t 8px 16px)"); 77 testComputed("-webkit-clip-path", "circle(1.5rem at .5rem 1rem)", "circle(24px a t 8px 16px)");
78 78
79 // viewport-percentage lengths - units, resolution 79 // viewport-percentage lengths - units, resolution
80 testInner("-webkit-clip-path", "circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)") ; 80 testInner("-webkit-clip-path", "circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)") ;
81 testInner("-webkit-clip-path", "circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)") ; 81 testInner("-webkit-clip-path", "circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)") ;
82 testInner("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vm in, 1vmin)"); 82 testInner("-webkit-clip-path", "circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vm in, 1vmin)");
83 83
84 testComputed("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)", "circle(0.5vw, 1vw , 1.5vw)"); 84 testComputed("-webkit-clip-path", "circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)");
85 testComputed("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)", "circle(0.5vh, 1vh , 1.5vh)"); 85 testComputed("-webkit-clip-path", "circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)");
86 testComputed("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)", "circle(0.5v min, 1vmin, 1.5vmin)"); 86 testComputed("-webkit-clip-path", "circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)");
87 87
88 testInner("-webkit-clip-path", "circle(1vw at 1vw 1vw)", "circle(1vw at 1vw 1vw) "); 88 testInner("-webkit-clip-path", "circle(1vw at 1vw 1vw)", "circle(1vw at 1vw 1vw) ");
89 testInner("-webkit-clip-path", "circle(1vh at 1vh 1vh)", "circle(1vh at 1vh 1vh) "); 89 testInner("-webkit-clip-path", "circle(1vh at 1vh 1vh)", "circle(1vh at 1vh 1vh) ");
90 testInner("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)", "circle(1vmin at 1vmin 1vmin)"); 90 testInner("-webkit-clip-path", "circle(1vmin at 1vmin 1vmin)", "circle(1vmin at 1vmin 1vmin)");
91 91
92 testComputed("-webkit-clip-path", "circle(1.5vw at .5vw 1vw)", "circle(1.5vw at 0.5vw 1vw)"); 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(1.5vh at 0.5vh 1vh)"); 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(1.5 vmin at 0.5vmin 1vmin)"); 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(no nzero, 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%)");
(...skipping 29 matching lines...) Expand all
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
« no previous file with comments | « LayoutTests/fast/css/computed-offset-with-zoom-expected.txt ('k') | LayoutTests/fast/masking/parsing-clip-path-shape-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698