| 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 |