OLD | NEW |
1 Test for Bug: 27160/91440 - Implement vw/vh/vmin/vmax (viewport sizes) from CSS
3 Values and Units | 1 Test for Bug: 27160/91440 - Implement vw/vh/vmin/vmax (viewport sizes) from CSS
3 Values and Units |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
4 | 4 |
5 | 5 |
6 Test for vw | 6 Test for vw |
7 PASS style.getPropertyValue("height") is '240px' | 7 PASS style.getPropertyValue("height") is '240px' |
8 PASS style.getPropertyValue("width") is '240px' | 8 PASS style.getPropertyValue("width") is '240px' |
9 PASS style.getPropertyValue("font-size") is '24px' | 9 PASS style.getPropertyValue("font-size") is '24px' |
10 PASS style.getPropertyValue("line-height") is '32px' | 10 PASS style.getPropertyValue("line-height") is '32px' |
11 PASS style.getPropertyValue("text-indent") is '2vw' | 11 PASS style.getPropertyValue("text-indent") is '16px' |
12 PASS style.getPropertyValue("margin-left") is '16px' | 12 PASS style.getPropertyValue("margin-left") is '16px' |
13 PASS style.getPropertyValue("margin-right") is '16px' | 13 PASS style.getPropertyValue("margin-right") is '16px' |
14 PASS style.getPropertyValue("margin-top") is '16px' | 14 PASS style.getPropertyValue("margin-top") is '16px' |
15 PASS style.getPropertyValue("margin-bottom") is '16px' | 15 PASS style.getPropertyValue("margin-bottom") is '16px' |
16 PASS style.getPropertyValue("border-top-left-radius") is '1vw' | 16 PASS style.getPropertyValue("border-top-left-radius") is '8px' |
17 PASS style.getPropertyValue("border-top-right-radius") is '1vw' | 17 PASS style.getPropertyValue("border-top-right-radius") is '8px' |
18 PASS style.getPropertyValue("border-bottom-left-radius") is '1vw' | 18 PASS style.getPropertyValue("border-bottom-left-radius") is '8px' |
19 PASS style.getPropertyValue("border-bottom-right-radius") is '1vw' | 19 PASS style.getPropertyValue("border-bottom-right-radius") is '8px' |
20 PASS style.getPropertyValue("min-height") is '10vw' | 20 PASS style.getPropertyValue("min-height") is '80px' |
21 PASS style.getPropertyValue("min-width") is '10vw' | 21 PASS style.getPropertyValue("min-width") is '80px' |
22 PASS style.getPropertyValue("max-height") is '60vw' | 22 PASS style.getPropertyValue("max-height") is '480px' |
23 PASS style.getPropertyValue("max-width") is '60vw' | 23 PASS style.getPropertyValue("max-width") is '480px' |
24 PASS style.getPropertyValue("top") is '80px' | 24 PASS style.getPropertyValue("top") is '80px' |
25 PASS style.getPropertyValue("bottom") is '80px' | 25 PASS style.getPropertyValue("bottom") is '80px' |
26 PASS style.getPropertyValue("left") is '80px' | 26 PASS style.getPropertyValue("left") is '80px' |
27 PASS style.getPropertyValue("right") is '80px' | 27 PASS style.getPropertyValue("right") is '80px' |
28 PASS style.getPropertyValue("padding-left") is '16px' | 28 PASS style.getPropertyValue("padding-left") is '16px' |
29 PASS style.getPropertyValue("padding-right") is '16px' | 29 PASS style.getPropertyValue("padding-right") is '16px' |
30 PASS style.getPropertyValue("padding-top") is '16px' | 30 PASS style.getPropertyValue("padding-top") is '16px' |
31 PASS style.getPropertyValue("padding-bottom") is '16px' | 31 PASS style.getPropertyValue("padding-bottom") is '16px' |
32 | 32 |
33 Test for vh | 33 Test for vh |
34 PASS style.getPropertyValue("height") is '180px' | 34 PASS style.getPropertyValue("height") is '180px' |
35 PASS style.getPropertyValue("width") is '180px' | 35 PASS style.getPropertyValue("width") is '180px' |
36 PASS style.getPropertyValue("font-size") is '18px' | 36 PASS style.getPropertyValue("font-size") is '18px' |
37 PASS style.getPropertyValue("line-height") is '24px' | 37 PASS style.getPropertyValue("line-height") is '24px' |
38 PASS style.getPropertyValue("text-indent") is '2vh' | 38 PASS style.getPropertyValue("text-indent") is '12px' |
39 PASS style.getPropertyValue("margin-left") is '12px' | 39 PASS style.getPropertyValue("margin-left") is '12px' |
40 PASS style.getPropertyValue("margin-right") is '12px' | 40 PASS style.getPropertyValue("margin-right") is '12px' |
41 PASS style.getPropertyValue("margin-top") is '12px' | 41 PASS style.getPropertyValue("margin-top") is '12px' |
42 PASS style.getPropertyValue("margin-bottom") is '12px' | 42 PASS style.getPropertyValue("margin-bottom") is '12px' |
43 PASS style.getPropertyValue("border-top-left-radius") is '1vh' | 43 PASS style.getPropertyValue("border-top-left-radius") is '6px' |
44 PASS style.getPropertyValue("border-top-right-radius") is '1vh' | 44 PASS style.getPropertyValue("border-top-right-radius") is '6px' |
45 PASS style.getPropertyValue("border-bottom-left-radius") is '1vh' | 45 PASS style.getPropertyValue("border-bottom-left-radius") is '6px' |
46 PASS style.getPropertyValue("border-bottom-right-radius") is '1vh' | 46 PASS style.getPropertyValue("border-bottom-right-radius") is '6px' |
47 PASS style.getPropertyValue("min-height") is '10vh' | 47 PASS style.getPropertyValue("min-height") is '60px' |
48 PASS style.getPropertyValue("min-width") is '10vh' | 48 PASS style.getPropertyValue("min-width") is '60px' |
49 PASS style.getPropertyValue("max-height") is '60vh' | 49 PASS style.getPropertyValue("max-height") is '360px' |
50 PASS style.getPropertyValue("max-width") is '60vh' | 50 PASS style.getPropertyValue("max-width") is '360px' |
51 PASS style.getPropertyValue("top") is '60px' | 51 PASS style.getPropertyValue("top") is '60px' |
52 PASS style.getPropertyValue("bottom") is '60px' | 52 PASS style.getPropertyValue("bottom") is '60px' |
53 PASS style.getPropertyValue("left") is '60px' | 53 PASS style.getPropertyValue("left") is '60px' |
54 PASS style.getPropertyValue("right") is '60px' | 54 PASS style.getPropertyValue("right") is '60px' |
55 PASS style.getPropertyValue("padding-left") is '12px' | 55 PASS style.getPropertyValue("padding-left") is '12px' |
56 PASS style.getPropertyValue("padding-right") is '12px' | 56 PASS style.getPropertyValue("padding-right") is '12px' |
57 PASS style.getPropertyValue("padding-top") is '12px' | 57 PASS style.getPropertyValue("padding-top") is '12px' |
58 PASS style.getPropertyValue("padding-bottom") is '12px' | 58 PASS style.getPropertyValue("padding-bottom") is '12px' |
59 | 59 |
60 Test for vmin | 60 Test for vmin |
61 PASS style.getPropertyValue("height") is '180px' | 61 PASS style.getPropertyValue("height") is '180px' |
62 PASS style.getPropertyValue("width") is '180px' | 62 PASS style.getPropertyValue("width") is '180px' |
63 PASS style.getPropertyValue("font-size") is '18px' | 63 PASS style.getPropertyValue("font-size") is '18px' |
64 PASS style.getPropertyValue("line-height") is '24px' | 64 PASS style.getPropertyValue("line-height") is '24px' |
65 PASS style.getPropertyValue("text-indent") is '2vmin' | 65 PASS style.getPropertyValue("text-indent") is '12px' |
66 PASS style.getPropertyValue("margin-left") is '12px' | 66 PASS style.getPropertyValue("margin-left") is '12px' |
67 PASS style.getPropertyValue("margin-right") is '12px' | 67 PASS style.getPropertyValue("margin-right") is '12px' |
68 PASS style.getPropertyValue("margin-top") is '12px' | 68 PASS style.getPropertyValue("margin-top") is '12px' |
69 PASS style.getPropertyValue("margin-bottom") is '12px' | 69 PASS style.getPropertyValue("margin-bottom") is '12px' |
70 PASS style.getPropertyValue("border-top-left-radius") is '1vmin' | 70 PASS style.getPropertyValue("border-top-left-radius") is '6px' |
71 PASS style.getPropertyValue("border-top-right-radius") is '1vmin' | 71 PASS style.getPropertyValue("border-top-right-radius") is '6px' |
72 PASS style.getPropertyValue("border-bottom-left-radius") is '1vmin' | 72 PASS style.getPropertyValue("border-bottom-left-radius") is '6px' |
73 PASS style.getPropertyValue("border-bottom-right-radius") is '1vmin' | 73 PASS style.getPropertyValue("border-bottom-right-radius") is '6px' |
74 PASS style.getPropertyValue("min-height") is '10vmin' | 74 PASS style.getPropertyValue("min-height") is '60px' |
75 PASS style.getPropertyValue("min-width") is '10vmin' | 75 PASS style.getPropertyValue("min-width") is '60px' |
76 PASS style.getPropertyValue("max-height") is '60vmin' | 76 PASS style.getPropertyValue("max-height") is '360px' |
77 PASS style.getPropertyValue("max-width") is '60vmin' | 77 PASS style.getPropertyValue("max-width") is '360px' |
78 PASS style.getPropertyValue("top") is '60px' | 78 PASS style.getPropertyValue("top") is '60px' |
79 PASS style.getPropertyValue("bottom") is '60px' | 79 PASS style.getPropertyValue("bottom") is '60px' |
80 PASS style.getPropertyValue("left") is '60px' | 80 PASS style.getPropertyValue("left") is '60px' |
81 PASS style.getPropertyValue("right") is '60px' | 81 PASS style.getPropertyValue("right") is '60px' |
82 PASS style.getPropertyValue("padding-left") is '12px' | 82 PASS style.getPropertyValue("padding-left") is '12px' |
83 PASS style.getPropertyValue("padding-right") is '12px' | 83 PASS style.getPropertyValue("padding-right") is '12px' |
84 PASS style.getPropertyValue("padding-top") is '12px' | 84 PASS style.getPropertyValue("padding-top") is '12px' |
85 PASS style.getPropertyValue("padding-bottom") is '12px' | 85 PASS style.getPropertyValue("padding-bottom") is '12px' |
86 | 86 |
87 Test for vmax | 87 Test for vmax |
88 PASS style.getPropertyValue("height") is '240px' | 88 PASS style.getPropertyValue("height") is '240px' |
89 PASS style.getPropertyValue("width") is '240px' | 89 PASS style.getPropertyValue("width") is '240px' |
90 PASS style.getPropertyValue("font-size") is '24px' | 90 PASS style.getPropertyValue("font-size") is '24px' |
91 PASS style.getPropertyValue("line-height") is '32px' | 91 PASS style.getPropertyValue("line-height") is '32px' |
92 PASS style.getPropertyValue("text-indent") is '2vmax' | 92 PASS style.getPropertyValue("text-indent") is '16px' |
93 PASS style.getPropertyValue("margin-left") is '16px' | 93 PASS style.getPropertyValue("margin-left") is '16px' |
94 PASS style.getPropertyValue("margin-right") is '16px' | 94 PASS style.getPropertyValue("margin-right") is '16px' |
95 PASS style.getPropertyValue("margin-top") is '16px' | 95 PASS style.getPropertyValue("margin-top") is '16px' |
96 PASS style.getPropertyValue("margin-bottom") is '16px' | 96 PASS style.getPropertyValue("margin-bottom") is '16px' |
97 PASS style.getPropertyValue("border-top-left-radius") is '1vmax' | 97 PASS style.getPropertyValue("border-top-left-radius") is '8px' |
98 PASS style.getPropertyValue("border-top-right-radius") is '1vmax' | 98 PASS style.getPropertyValue("border-top-right-radius") is '8px' |
99 PASS style.getPropertyValue("border-bottom-left-radius") is '1vmax' | 99 PASS style.getPropertyValue("border-bottom-left-radius") is '8px' |
100 PASS style.getPropertyValue("border-bottom-right-radius") is '1vmax' | 100 PASS style.getPropertyValue("border-bottom-right-radius") is '8px' |
101 PASS style.getPropertyValue("min-height") is '10vmax' | 101 PASS style.getPropertyValue("min-height") is '80px' |
102 PASS style.getPropertyValue("min-width") is '10vmax' | 102 PASS style.getPropertyValue("min-width") is '80px' |
103 PASS style.getPropertyValue("max-height") is '60vmax' | 103 PASS style.getPropertyValue("max-height") is '480px' |
104 PASS style.getPropertyValue("max-width") is '60vmax' | 104 PASS style.getPropertyValue("max-width") is '480px' |
105 PASS style.getPropertyValue("top") is '80px' | 105 PASS style.getPropertyValue("top") is '80px' |
106 PASS style.getPropertyValue("bottom") is '80px' | 106 PASS style.getPropertyValue("bottom") is '80px' |
107 PASS style.getPropertyValue("left") is '80px' | 107 PASS style.getPropertyValue("left") is '80px' |
108 PASS style.getPropertyValue("right") is '80px' | 108 PASS style.getPropertyValue("right") is '80px' |
109 PASS style.getPropertyValue("padding-left") is '16px' | 109 PASS style.getPropertyValue("padding-left") is '16px' |
110 PASS style.getPropertyValue("padding-right") is '16px' | 110 PASS style.getPropertyValue("padding-right") is '16px' |
111 PASS style.getPropertyValue("padding-top") is '16px' | 111 PASS style.getPropertyValue("padding-top") is '16px' |
112 PASS style.getPropertyValue("padding-bottom") is '16px' | 112 PASS style.getPropertyValue("padding-bottom") is '16px' |
113 PASS successfullyParsed is true | 113 PASS successfullyParsed is true |
114 | 114 |
115 TEST COMPLETE | 115 TEST COMPLETE |
116 | 116 |
OLD | NEW |