LayoutTests/fast/shapes/parsing/parsing-shape-lengths.html - Issue 82083002: Move viewport unit resolution to style recalc time

Side by Side Diff: LayoutTests/fast/shapes/parsing/parsing-shape-lengths.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/masking/parsing-clip-path-shape-expected.txt ('k') | LayoutTests/fast/shapes/parsing/parsing-shape-lengths-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 <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 43 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
54 testStyleValue("circle(1rem, 1rem, 1rem)", "circle(1rem, 1rem, 1rem)");	54 testStyleValue("circle(1rem, 1rem, 1rem)", "circle(1rem, 1rem, 1rem)");

55	55

56 testComputedStyleValue("circle(.5em, 1em, 1.5em)", "circle(4px, 8px, 12px)");	56 testComputedStyleValue("circle(.5em, 1em, 1.5em)", "circle(4px, 8px, 12px)");

57 testComputedStyleValue("circle(.5rem, 1rem, 1.5rem)", "circle(8px, 16px, 24px)") ;	57 testComputedStyleValue("circle(.5rem, 1rem, 1.5rem)", "circle(8px, 16px, 24px)") ;

58	58

59 // viewport-percentage lengths - units, resolution	59 // viewport-percentage lengths - units, resolution

60 testStyleValue("circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)");	60 testStyleValue("circle(1vw, 1vw, 1vw)", "circle(1vw, 1vw, 1vw)");

61 testStyleValue("circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)");	61 testStyleValue("circle(1vh, 1vh, 1vh)", "circle(1vh, 1vh, 1vh)");

62 testStyleValue("circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vmin, 1vmin)");	62 testStyleValue("circle(1vmin, 1vmin, 1vmin)", "circle(1vmin, 1vmin, 1vmin)");

63	63

64 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(0.5vw, 1vw, 1.5vw)");	64 testComputedStyleValue("circle(.5vw, 1vw, 1.5vw)", "circle(4px, 8px, 12px)");

65 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(0.5vh, 1vh, 1.5vh)");	65 testComputedStyleValue("circle(.5vh, 1vh, 1.5vh)", "circle(3px, 6px, 9px)");

66 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(0.5vmin, 1vmin, 1.5vmin)");	66 testComputedStyleValue("circle(.5vmin, 1vmin, 1.5vmin)", "circle(3px, 6px, 9px)" );

67	67

68 // percentage lengths - units	68 // percentage lengths - units

69 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)");	69 testStyleValue("circle(100%, 100%, 100%)", "circle(100%, 100%, 100%)");

70 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9 0%, 60%, 25%, 10%)");	70 testStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45%, 45%, 9 0%, 60%, 25%, 10%)");

71 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle (45%, 45%, 90%, 60%, 25%, 10%)");	71 testStyleValue("inset-rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "inset-rectangle (45%, 45%, 90%, 60%, 25%, 10%)");

72 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100 %)");	72 testStyleValue("ellipse(100%, 100%, 100%, 100%)", "ellipse(100%, 100%, 100%, 100 %)");

73 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)");	73 testStyleValue("polygon(10% 20%, 30% 40%, 40% 50%)", "polygon(nonzero, 10% 20%, 30% 40%, 40% 50%)");

74	74

75 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)");	75 testComputedStyleValue("circle(50%, 100%, 150%)", "circle(50%, 100%, 150%)");

76 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45% , 45%, 90%, 60%, 25%, 10%)");	76 testComputedStyleValue("rectangle(45%, 45%, 90%, 60%, 25%, 10%)", "rectangle(45% , 45%, 90%, 60%, 25%, 10%)");

(...skipping 21 matching lines...) Expand all Loading...
98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)");	98 testInvalidValue("shape-inside", "rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc)");

99	99

100 // reject negative top, right, bottom, and left	100 // reject negative top, right, bottom, and left

101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc) ");	101 testInvalidValue("shape-inside", "inset-rectangle(-1cm, 1mm, 1in, 1px, 1pt, 1pc) ");

102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc) ");	102 testInvalidValue("shape-inside", "inset-rectangle(1cm, -1mm, 1in, 1px, 1pt, 1pc) ");

103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc) ");	103 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, -1in, 1px, 1pt, 1pc) ");

104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc) ");	104 testInvalidValue("shape-inside", "inset-rectangle(1cm, 1mm, 1in, -1px, 1pt, 1pc) ");

105 </script>	105 </script>

106 </body>	106 </body>

107 </html>	107 </html>

OLD	NEW