OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div style="font-size: 72px;"> | 2 <div style="font-size: 72px;"> |
3 <span id="reference">è</span><span id="test">ḗè</span
> | 3 <span id="reference">è</span><span id="test">ḗè</span
> |
4 </div> | 4 </div> |
5 <div id="result">Test did not run.</div> | 5 <div id="result">Test did not run.</div> |
6 <script> | 6 <script> |
7 if (window.testRunner) | 7 if (window.testRunner) |
8 testRunner.dumpAsText(); | 8 testRunner.dumpAsText(); |
9 | 9 |
10 var reference = document.getElementById("reference").firstChild; | 10 var reference = document.getElementById("reference").firstChild; |
11 var referenceRange = document.createRange(); | 11 var referenceRange = document.createRange(); |
12 referenceRange.setStart(reference, 0); | 12 referenceRange.setStart(reference, 0); |
13 referenceRange.setEnd(reference, 2); | 13 referenceRange.setEnd(reference, 2); |
14 var referenceWidth = referenceRange.getBoundingClientRect().width; | 14 var referenceWidth = referenceRange.getBoundingClientRect().width; |
15 | 15 |
16 var test = document.getElementById("test").firstChild; | 16 var test = document.getElementById("test").firstChild; |
17 var testRange = document.createRange(); | 17 var testRange = document.createRange(); |
18 testRange.setStart(test, 1); | 18 testRange.setStart(test, 1); |
19 testRange.setEnd(test, 3); | 19 testRange.setEnd(test, 3); |
20 var testWidth = testRange.getBoundingClientRect().width; | 20 var testWidth = testRange.getBoundingClientRect().width; |
21 | 21 |
22 document.getElementById("result").innerText = testWidth === referenceWidth ?
"PASS" : "FAIL"; | 22 document.getElementById("result").innerText = Math.abs(testWidth - reference
Width) <= 1 ? "PASS" : "FAIL"; |
23 </script> | 23 </script> |
OLD | NEW |