| OLD | NEW |
| 1 <script src="../../resources/ahem.js"></script> |
| 1 <div id="test" style="width: 200px; font-family: Ahem; font-size: 40px; text-ren
dering: optimizelegibility; text-align: justify;">a­b c de</div> | 2 <div id="test" style="width: 200px; font-family: Ahem; font-size: 40px; text-ren
dering: optimizelegibility; text-align: justify;">a­b c de</div> |
| 2 <div id="reference" style="width: 200px; font-family: Ahem; font-size: 40px; tex
t-align: justify;">a­b c de</div> | 3 <div id="reference" style="width: 200px; font-family: Ahem; font-size: 40px; tex
t-align: justify;">a­b c de</div> |
| 3 <div id="result"></div> | 4 <div id="result"></div> |
| 4 <script> | 5 <script> |
| 5 if (window.testRunner) | 6 if (window.testRunner) |
| 6 testRunner.dumpAsText(); | 7 testRunner.dumpAsText(); |
| 7 | 8 |
| 8 function widthOfFirstThreeCharacters(id) | 9 function widthOfFirstThreeCharacters(id) |
| 9 { | 10 { |
| 10 var text = document.getElementById(id).firstChild; | 11 var text = document.getElementById(id).firstChild; |
| 11 var range = document.createRange(); | 12 var range = document.createRange(); |
| 12 range.setStart(text, 0); | 13 range.setStart(text, 0); |
| 13 range.setEnd(text, 3); | 14 range.setEnd(text, 3); |
| 14 return range.getBoundingClientRect().width; | 15 return range.getBoundingClientRect().width; |
| 15 } | 16 } |
| 16 | 17 |
| 17 document.getElementById("result").innerText = widthOfFirstThreeCharacters("t
est") === widthOfFirstThreeCharacters("reference") ? "PASS" : "FAIL"; | 18 document.getElementById("result").innerText = widthOfFirstThreeCharacters("t
est") === widthOfFirstThreeCharacters("reference") ? "PASS" : "FAIL"; |
| 18 </script> | 19 </script> |
| OLD | NEW |