OLD | NEW |
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> | 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="reference" style="width: 200px; font-family: ahem; font-size: 40px; tex
t-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="result"></div> | 3 <div id="result"></div> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.dumpAsText(); | 6 testRunner.dumpAsText(); |
7 | 7 |
8 function widthOfFirstThreeCharacters(id) | 8 function widthOfFirstThreeCharacters(id) |
9 { | 9 { |
10 var text = document.getElementById(id).firstChild; | 10 var text = document.getElementById(id).firstChild; |
11 var range = document.createRange(); | 11 var range = document.createRange(); |
12 range.setStart(text, 0); | 12 range.setStart(text, 0); |
13 range.setEnd(text, 3); | 13 range.setEnd(text, 3); |
14 return range.getBoundingClientRect().width; | 14 return range.getBoundingClientRect().width; |
15 } | 15 } |
16 | 16 |
17 document.getElementById("result").innerText = widthOfFirstThreeCharacters("t
est") === widthOfFirstThreeCharacters("reference") ? "PASS" : "FAIL"; | 17 document.getElementById("result").innerText = widthOfFirstThreeCharacters("t
est") === widthOfFirstThreeCharacters("reference") ? "PASS" : "FAIL"; |
18 </script> | 18 </script> |
OLD | NEW |