| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta charset="utf-8" /> | 3 <meta charset="utf-8" /> |
| 4 <style type="text/css"> |
| 5 @font-face { |
| 6 font-family: linlibertine; |
| 7 src: url("../../../third_party/Libertine/LinLibertine_R.woff"); |
| 8 } |
| 9 div:lang(ar) { |
| 10 font-family: linlibertine; |
| 11 } |
| 12 </style> |
| 4 <script> | 13 <script> |
| 5 if (window.testRunner) | 14 if (window.testRunner) |
| 6 testRunner.dumpAsText(); | 15 testRunner.dumpAsText(); |
| 7 </script> | 16 </script> |
| 8 </head> | 17 </head> |
| 9 <body> | 18 <body> |
| 10 <p> | 19 <p> |
| 11 This test ensures that combining marks apper over the previous (or next) charact
er by comparing the length of | 20 This test ensures that combining marks apper over the previous (or next) charact
er by comparing the length of |
| 12 words (one has marks, and the other doesn't have marks). | 21 words (one has marks, and the other doesn't have marks). |
| 13 </p> | 22 </p> |
| 14 | 23 |
| 15 <div style="font-family: arial; text-rendering: optimizeLegibility;"> | 24 <div style="font-family: arial; text-rendering: optimizeLegibility;"> |
| 16 <span id="reference1">test проверка</span> | 25 <span id="reference1">test проверка</span> |
| 17 </div> | 26 </div> |
| 18 <div style="font-family: arial;"> | 27 <div style="font-family: arial;"> |
| 19 <span id="target1">tèst провѐрка</span> | 28 <span id="target1">tèst провѐрка</span> |
| 20 </div> | 29 </div> |
| 21 | 30 |
| 22 <div> | 31 <div lang="ar"> |
| 23 <span id="reference2">خانه</span> | 32 <span id="reference2">خانه</span> |
| 24 </div> | 33 </div> |
| 25 <div> | 34 <div lang="ar"> |
| 26 <span id="target2">خانهٔ</span> | 35 <span id="target2">خانهٔ</span> |
| 27 </div> | 36 </div> |
| 28 | 37 |
| 29 <div id="result"></div> | 38 <div id="result"></div> |
| 30 | 39 |
| 31 <script> | 40 <script> |
| 32 var reference1 = document.getElementById('reference1'); | 41 var reference1 = document.getElementById('reference1'); |
| 33 var target1 = document.getElementById('target1'); | 42 var target1 = document.getElementById('target1'); |
| 34 var reference2 = document.getElementById('reference2'); | 43 var reference2 = document.getElementById('reference2'); |
| 35 var target2 = document.getElementById('target2'); | 44 var target2 = document.getElementById('target2'); |
| 36 var result = document.getElementById('result'); | 45 var result = document.getElementById('result'); |
| 37 | 46 |
| 38 // Ignore a slight diff of the width between target and reference. | 47 // Ignore a slight diff of the width between target and reference. |
| 39 var diff1 = Math.abs(reference1.offsetWidth - target1.offsetWidth); | 48 var diff1 = Math.abs(reference1.offsetWidth - target1.offsetWidth); |
| 40 var diff2 = Math.abs(reference2.offsetWidth - target2.offsetWidth); | 49 var diff2 = Math.abs(reference2.offsetWidth - target2.offsetWidth); |
| 41 if (diff1 < 2 && diff2 < 2) | 50 if (diff1 < 2 && diff2 < 2) |
| 42 result.innerHTML = 'PASS. The length of targets and references are the same.
<br />' | 51 result.innerHTML = 'PASS. The length of targets and references are the same.
<br />' |
| 43 else | 52 else |
| 44 result.innerHTML = 'FAIL<br />' + | 53 result.innerHTML = 'FAIL<br />' + |
| 45 'reference1.offsetWidth = ' + reference1.offsetWidth + '<
br />' + | 54 'reference1.offsetWidth = ' + reference1.offsetWidth + '<
br />' + |
| 46 'target1.offsetWidth = ' + target1.offsetWidth + '<br />'
+ | 55 'target1.offsetWidth = ' + target1.offsetWidth + '<br />'
+ |
| 47 'reference2.offsetWidth = ' + reference2.offsetWidth + '<
br />' + | 56 'reference2.offsetWidth = ' + reference2.offsetWidth + '<
br />' + |
| 48 'target2.offsetWidth = ' + target2.offsetWidth + '<br />' | 57 'target2.offsetWidth = ' + target2.offsetWidth + '<br />' |
| 49 </script> | 58 </script> |
| 50 | 59 |
| 51 </body> | 60 </body> |
| 52 </html> | 61 </html> |
| OLD | NEW |