OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <script src="../../resources/js-test.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
4 <script> | 4 <script> |
5 description("Test the return values for the font variant properties on the style
object.") | 5 description("Test the return values for the font variant properties on the style
object.") |
6 | 6 |
7 var testContainer = document.createElement("div"); | 7 var testContainer = document.createElement("div"); |
8 document.body.appendChild(testContainer); | 8 document.body.appendChild(testContainer); |
9 | 9 |
10 testContainer.innerHTML = '<div id="testElement">hello</div>'; | 10 testContainer.innerHTML = '<div id="testElement">hello</div>'; |
11 var style = testElement.style; | 11 var style = testElement.style; |
12 var computedStyle = getComputedStyle(testElement); | 12 var computedStyle = getComputedStyle(testElement); |
13 | 13 |
14 // We need all font longhands to build the shorthand. | 14 // We need all font longhands to build the shorthand. |
15 shouldBeEqualToString("style.fontVariant", ""); | 15 shouldBeEqualToString("style.fontVariant", ""); |
16 shouldBeEqualToString("computedStyle.fontVariant", "normal"); | 16 shouldBeEqualToString("computedStyle.fontVariant", "normal"); |
17 | 17 |
18 style.fontVariantCaps = "small-caps"; | 18 style.fontVariantCaps = "small-caps"; |
19 shouldBeEqualToString("style.fontVariant", ""); | 19 shouldBeEqualToString("style.fontVariant", ""); |
20 shouldBeEqualToString("computedStyle.fontVariant", "small-caps"); | 20 shouldBeEqualToString("computedStyle.fontVariant", "small-caps"); |
21 | 21 |
22 style.fontVariantLigatures = "discretionary-ligatures"; | 22 style.fontVariantLigatures = "discretionary-ligatures"; |
23 // All currently supported sub-properties are set. | 23 shouldBeEqualToString("style.fontVariant", ""); |
24 shouldBeEqualToString("style.fontVariant", "discretionary-ligatures small-caps")
; | |
25 shouldBeEqualToString("computedStyle.fontVariant", "discretionary-ligatures smal
l-caps"); | 24 shouldBeEqualToString("computedStyle.fontVariant", "discretionary-ligatures smal
l-caps"); |
26 | 25 |
| 26 style.fontVariantNumeric = "proportional-nums"; |
| 27 // All currently supported sub-properties are set. |
| 28 shouldBeEqualToString("style.fontVariant", "discretionary-ligatures small-caps p
roportional-nums"); |
| 29 shouldBeEqualToString("computedStyle.fontVariant", "discretionary-ligatures smal
l-caps proportional-nums"); |
| 30 |
27 style.fontVariantCaps = "normal"; | 31 style.fontVariantCaps = "normal"; |
28 shouldBeEqualToString("style.fontVariant", "discretionary-ligatures"); | 32 shouldBeEqualToString("style.fontVariant", "discretionary-ligatures proportional
-nums"); |
29 shouldBeEqualToString("computedStyle.fontVariant", "discretionary-ligatures"); | 33 shouldBeEqualToString("computedStyle.fontVariant", "discretionary-ligatures prop
ortional-nums"); |
30 | 34 |
31 style.fontVariantCaps = "small-caps"; | 35 style.fontVariantCaps = "small-caps"; |
32 style.fontVariantLigatures = "normal"; | 36 style.fontVariantLigatures = "normal"; |
| 37 shouldBeEqualToString("style.fontVariant", "small-caps proportional-nums"); |
| 38 shouldBeEqualToString("computedStyle.fontVariant", "small-caps proportional-nums
"); |
| 39 |
| 40 style.fontVariantNumeric = "normal"; |
33 shouldBeEqualToString("style.fontVariant", "small-caps"); | 41 shouldBeEqualToString("style.fontVariant", "small-caps"); |
34 shouldBeEqualToString("computedStyle.fontVariant", "small-caps"); | 42 shouldBeEqualToString("computedStyle.fontVariant", "small-caps"); |
35 | 43 |
36 style.fontVariantLigatures = "none"; | 44 style.fontVariantLigatures = "none"; |
37 shouldBeEqualToString("style.fontVariant", "no-common-ligatures no-discretionary
-ligatures no-historical-ligatures no-contextual small-caps"); | 45 shouldBeEqualToString("style.fontVariant", "no-common-ligatures no-discretionary
-ligatures no-historical-ligatures no-contextual small-caps"); |
38 shouldBeEqualToString("computedStyle.fontVariant", "no-common-ligatures no-discr
etionary-ligatures no-historical-ligatures no-contextual small-caps"); | 46 shouldBeEqualToString("computedStyle.fontVariant", "no-common-ligatures no-discr
etionary-ligatures no-historical-ligatures no-contextual small-caps"); |
39 | 47 |
40 style.fontVariantCaps = "initial"; | 48 style.fontVariantCaps = "initial"; |
41 style.fontVariantLigatures = "initial"; | 49 style.fontVariantLigatures = "initial"; |
| 50 style.fontVariantNumeric = "initial"; |
42 shouldBeEqualToString("style.fontVariant", "initial"); | 51 shouldBeEqualToString("style.fontVariant", "initial"); |
43 | 52 |
44 document.body.removeChild(testContainer); | 53 document.body.removeChild(testContainer); |
45 </script> | 54 </script> |
46 </body> | 55 </body> |
OLD | NEW |