| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Test for Bug 26183 - [@font-face] font-family descriptor with multiple na
mes should be discarded</title> | 4 <title>Test for Bug 26183 - [@font-face] font-family descriptor with multiple na
mes should be discarded</title> |
| 5 <style> | 5 <style> |
| 6 .testtext { | 6 .testtext { |
| 7 font-size: 64px; | 7 font-size: 64px; |
| 8 font-family: Arial; | 8 font-family: Arial; |
| 9 border: solid 1px; | 9 border: solid 1px; |
| 10 } | 10 } |
| 11 @font-face { | 11 @font-face { |
| 12 font-family: myfont1, myfont2; | 12 font-family: myfont1, myfont2; |
| 13 src: local(Courier); | 13 src: local(Courier); |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script src="../js/resources/js-test-pre.js"></script> | 16 <script src="../../resources/js-test.js"></script> |
| 17 </head> | 17 </head> |
| 18 <body onload="test()"> | 18 <body onload="test()"> |
| 19 <div id="description"></div> | 19 <div id="description"></div> |
| 20 Test:<br/> | 20 Test:<br/> |
| 21 <span id="testText" class="testtext" style="font-family: myfont1, Arial">Text ii
i</span><br/> | 21 <span id="testText" class="testtext" style="font-family: myfont1, Arial">Text ii
i</span><br/> |
| 22 Must match:<br/> | 22 Must match:<br/> |
| 23 <span id="mustMatch" class="testtext" style="font-family: Arial">Text iii</span>
<br/> | 23 <span id="mustMatch" class="testtext" style="font-family: Arial">Text iii</span>
<br/> |
| 24 Must not match:<br/> | 24 Must not match:<br/> |
| 25 <span id="mustNotMatch" class="testtext" style="font-family: Courier">Text iii</
span><br/> | 25 <span id="mustNotMatch" class="testtext" style="font-family: Courier">Text iii</
span><br/> |
| 26 <div id="console"></div> | 26 <div id="console"></div> |
| 27 <script> | 27 <script> |
| 28 if (window.testRunner) | 28 if (window.testRunner) |
| 29 window.testRunner.dumpAsText(); | 29 window.testRunner.dumpAsText(); |
| 30 | 30 |
| 31 description("font-family descriptor in @font-face rule can take only one family.
Hence the @font-face rule in this test must be ignored."); | 31 description("font-family descriptor in @font-face rule can take only one family.
Hence the @font-face rule in this test must be ignored."); |
| 32 | 32 |
| 33 function test() | 33 function test() |
| 34 { | 34 { |
| 35 shouldBeTrue("document.getElementById('testText').offsetWidth == document.ge
tElementById('mustMatch').offsetWidth"); | 35 shouldBeTrue("document.getElementById('testText').offsetWidth == document.ge
tElementById('mustMatch').offsetWidth"); |
| 36 shouldBeTrue("document.getElementById('testText').offsetWidth != document.ge
tElementById('mustNotMatch').offsetWidth"); | 36 shouldBeTrue("document.getElementById('testText').offsetWidth != document.ge
tElementById('mustNotMatch').offsetWidth"); |
| 37 } | 37 } |
| 38 </script> | 38 </script> |
| 39 </body> | 39 </body> |
| 40 </html> | 40 </html> |
| 41 | 41 |
| OLD | NEW |