| 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 |