| OLD | NEW |
| 1 description("This test exercises the 'font' shorthand property in CSS computed s
tyles."); | 1 description("This test exercises the 'font' shorthand property in CSS computed s
tyles."); |
| 2 | 2 |
| 3 var testDiv = document.createElement('div'); | 3 var testDiv = document.createElement('div'); |
| 4 document.body.appendChild(testDiv); | 4 document.body.appendChild(testDiv); |
| 5 | 5 |
| 6 function computedFont(fontString) { | 6 function computedFont(fontString) { |
| 7 testDiv.style.font = 'bold 600px serif'; | 7 testDiv.style.font = 'bold 600px serif'; |
| 8 testDiv.style.font = fontString; | 8 testDiv.style.font = fontString; |
| 9 testDiv.style.lineHeight = '20px'; |
| 10 return window.getComputedStyle(testDiv).getPropertyValue('font'); |
| 11 } |
| 12 |
| 13 function computedFontLineHeight(fontString) { |
| 14 testDiv.style.font = 'bold 600px serif'; |
| 15 testDiv.style.font = fontString; |
| 9 return window.getComputedStyle(testDiv).getPropertyValue('font'); | 16 return window.getComputedStyle(testDiv).getPropertyValue('font'); |
| 10 } | 17 } |
| 11 | 18 |
| 12 shouldBe("computedFont('10px sans-serif')", "'normal normal normal normal 10px /
normal sans-serif'"); | 19 shouldBe("computedFont('10px sans-serif')", "'normal normal normal normal 10px /
20px sans-serif'"); |
| 13 shouldBe("computedFont('10px sans-serif')", "'normal normal normal normal 10px /
normal sans-serif'"); | 20 shouldBe("computedFont('10px sans-serif')", "'normal normal normal normal 10px /
20px sans-serif'"); |
| 14 shouldBe("computedFont('10px SANS-SERIF')", "'normal normal normal normal 10px /
normal sans-serif'"); | 21 shouldBe("computedFont('10px SANS-SERIF')", "'normal normal normal normal 10px /
20px sans-serif'"); |
| 15 shouldBe("computedFont('12px sans-serif')", "'normal normal normal normal 12px /
normal sans-serif'"); | 22 shouldBe("computedFont('12px sans-serif')", "'normal normal normal normal 12px /
20px sans-serif'"); |
| 16 shouldBe("computedFont('12px sans-serif')", "'normal normal normal normal 12px
/ normal sans-serif'"); | 23 shouldBe("computedFont('12px sans-serif')", "'normal normal normal normal 12px
/ 20px sans-serif'"); |
| 17 shouldBe("computedFont('10px sans-serif, sans-serif')", "'normal normal normal n
ormal 10px / normal sans-serif, sans-serif'"); | 24 shouldBe("computedFont('10px sans-serif, sans-serif')", "'normal normal normal n
ormal 10px / 20px sans-serif, sans-serif'"); |
| 18 shouldBe("computedFont('10px sans-serif, serif')", "'normal normal normal normal
10px / normal sans-serif, serif'"); | 25 shouldBe("computedFont('10px sans-serif, serif')", "'normal normal normal normal
10px / 20px sans-serif, serif'"); |
| 19 shouldBe("computedFont('12px ahem')", "'normal normal normal normal 12px / norma
l ahem'"); | 26 shouldBe("computedFont('12px ahem')", "'normal normal normal normal 12px / 20px
ahem'"); |
| 20 shouldBe("computedFont('12px unlikely-font-name')", "'normal normal normal norma
l 12px / normal unlikely-font-name'"); | 27 shouldBe("computedFont('12px unlikely-font-name')", "'normal normal normal norma
l 12px / 20px unlikely-font-name'"); |
| 21 shouldBe("computedFont('100 10px sans-serif')", "'normal normal 100 normal 10px
/ normal sans-serif'"); | 28 shouldBe("computedFont('100 10px sans-serif')", "'normal normal 100 normal 10px
/ 20px sans-serif'"); |
| 22 shouldBe("computedFont('200 10px sans-serif')", "'normal normal 200 normal 10px
/ normal sans-serif'"); | 29 shouldBe("computedFont('200 10px sans-serif')", "'normal normal 200 normal 10px
/ 20px sans-serif'"); |
| 23 shouldBe("computedFont('300 10px sans-serif')", "'normal normal 300 normal 10px
/ normal sans-serif'"); | 30 shouldBe("computedFont('300 10px sans-serif')", "'normal normal 300 normal 10px
/ 20px sans-serif'"); |
| 24 shouldBe("computedFont('400 10px sans-serif')", "'normal normal normal normal 10
px / normal sans-serif'"); | 31 shouldBe("computedFont('400 10px sans-serif')", "'normal normal normal normal 10
px / 20px sans-serif'"); |
| 25 shouldBe("computedFont('normal 10px sans-serif')", "'normal normal normal normal
10px / normal sans-serif'"); | 32 shouldBe("computedFont('normal 10px sans-serif')", "'normal normal normal normal
10px / 20px sans-serif'"); |
| 26 shouldBe("computedFont('500 10px sans-serif')", "'normal normal 500 normal 10px
/ normal sans-serif'"); | 33 shouldBe("computedFont('500 10px sans-serif')", "'normal normal 500 normal 10px
/ 20px sans-serif'"); |
| 27 shouldBe("computedFont('600 10px sans-serif')", "'normal normal 600 normal 10px
/ normal sans-serif'"); | 34 shouldBe("computedFont('600 10px sans-serif')", "'normal normal 600 normal 10px
/ 20px sans-serif'"); |
| 28 shouldBe("computedFont('700 10px sans-serif')", "'normal normal bold normal 10px
/ normal sans-serif'"); | 35 shouldBe("computedFont('700 10px sans-serif')", "'normal normal bold normal 10px
/ 20px sans-serif'"); |
| 29 shouldBe("computedFont('bold 10px sans-serif')", "'normal normal bold normal 10p
x / normal sans-serif'"); | 36 shouldBe("computedFont('bold 10px sans-serif')", "'normal normal bold normal 10p
x / 20px sans-serif'"); |
| 30 shouldBe("computedFont('800 10px sans-serif')", "'normal normal 800 normal 10px
/ normal sans-serif'"); | 37 shouldBe("computedFont('800 10px sans-serif')", "'normal normal 800 normal 10px
/ 20px sans-serif'"); |
| 31 shouldBe("computedFont('900 10px sans-serif')", "'normal normal 900 normal 10px
/ normal sans-serif'"); | 38 shouldBe("computedFont('900 10px sans-serif')", "'normal normal 900 normal 10px
/ 20px sans-serif'"); |
| 32 shouldBe("computedFont('italic 10px sans-serif')", "'italic normal normal normal
10px / normal sans-serif'"); | 39 shouldBe("computedFont('italic 10px sans-serif')", "'italic normal normal normal
10px / 20px sans-serif'"); |
| 33 shouldBe("computedFont('small-caps 10px sans-serif')", "'normal small-caps norma
l normal 10px / normal sans-serif'"); | 40 shouldBe("computedFont('small-caps 10px sans-serif')", "'normal small-caps norma
l normal 10px / 20px sans-serif'"); |
| 34 shouldBe("computedFont('italic small-caps 10px sans-serif')", "'italic small-cap
s normal normal 10px / normal sans-serif'"); | 41 shouldBe("computedFont('italic small-caps 10px sans-serif')", "'italic small-cap
s normal normal 10px / 20px sans-serif'"); |
| 35 shouldBe("computedFont('italic small-caps bold 10px sans-serif')", "'italic smal
l-caps bold normal 10px / normal sans-serif'"); | 42 shouldBe("computedFont('italic small-caps bold 10px sans-serif')", "'italic smal
l-caps bold normal 10px / 20px sans-serif'"); |
| 36 shouldBe("computedFont('10px/100% sans-serif')", "'normal normal normal normal 1
0px / 10px sans-serif'"); | 43 shouldBe("computedFont('10px/normal sans-serif')", "'normal normal normal normal
10px / 20px sans-serif'"); |
| 37 shouldBe("computedFont('10px/100px sans-serif')", "'normal normal normal normal
10px / 100px sans-serif'"); | 44 shouldBe("computedFont('10px/normal sans-serif')", "'normal normal normal normal
10px / 20px sans-serif'"); |
| 38 shouldBe("computedFont('10px/normal sans-serif')", "'normal normal normal normal
10px / normal sans-serif'"); | 45 shouldBe("computedFontLineHeight('10px/100% sans-serif')", "'normal normal norma
l normal 10px / 10px sans-serif'"); |
| 39 shouldBe("computedFont('10px/normal sans-serif')", "'normal normal normal normal
10px / normal sans-serif'"); | 46 shouldBe("computedFontLineHeight('10px/100px sans-serif')", "'normal normal norm
al normal 10px / 100px sans-serif'"); |
| OLD | NEW |