| OLD | NEW | 
 | (Empty) | 
|   1 <head> |  | 
|   2  |  | 
|   3 <style type="text/css" media="all"> |  | 
|   4 @font-face { |  | 
|   5     font-family: ABCFont; |  | 
|   6     src: url(resources/ABCFont.svg#ABCFont) format('svg'); |  | 
|   7 } |  | 
|   8  |  | 
|   9 span { |  | 
|  10     margin-right: 10px; |  | 
|  11 } |  | 
|  12 </style> |  | 
|  13  |  | 
|  14 <script type="text/javascript"> |  | 
|  15  |  | 
|  16 if (window.testRunner) |  | 
|  17     testRunner.dumpAsText(); |  | 
|  18  |  | 
|  19 function log(msg) |  | 
|  20 { |  | 
|  21     var div = document.createElement("div"); |  | 
|  22     div.innerHTML = msg; |  | 
|  23     document.getElementById("console").appendChild(div); |  | 
|  24 } |  | 
|  25  |  | 
|  26 function run() |  | 
|  27 { |  | 
|  28     var withLinebreaks = document.getElementById("svg-with-linebreaks"); |  | 
|  29     var withoutLinebreaks = document.getElementById("svg-without-linebreaks"); |  | 
|  30  |  | 
|  31     if (withLinebreaks.offsetWidth == withoutLinebreaks.offsetWidth) { |  | 
|  32         log("<span style='color: green'>PASS</span>"); |  | 
|  33     } else { |  | 
|  34         log("<span style='color: red'>FAIL</span>(" |  | 
|  35                 + withLinebreaks.offsetWidth + "px != "+ withoutLinebreaks.offse
    tWidth + "px)"); |  | 
|  36     } |  | 
|  37 } |  | 
|  38 </script> |  | 
|  39  |  | 
|  40 </head> |  | 
|  41  |  | 
|  42 <body onload="run()"> |  | 
|  43  |  | 
|  44 <p>This test is to ensure that text rendered with a SVG-font has the same behavi
    or for handling |  | 
|  45 control characters like newlines, as text rendered though the normal (fast or co
    mplex) path. |  | 
|  46 The two "a b c" strings below should have the same length and not produce any mi
    ssing-glyph symbols.</p> |  | 
|  47 <div> |  | 
|  48 <span id="svg-with-linebreaks" style="font-family: ABCFont">a |  | 
|  49 b |  | 
|  50 c</span> |  | 
|  51 <span><--- This text has line breaks in the source HTML ("\n")</span> |  | 
|  52 </div> |  | 
|  53 <div> |  | 
|  54 <span id="svg-without-linebreaks" style="font-family: ABCFont">a b c</span> |  | 
|  55 <span><--- This text has no line breaks (just "a b c")</span> |  | 
|  56 </div> |  | 
|  57 <br> |  | 
|  58 <div>As a reference, this is how normal text looks like for the same usecase:</d
    iv> |  | 
|  59 <br> |  | 
|  60 <div> |  | 
|  61 <span id="normal-with-linebreaks">a |  | 
|  62 b |  | 
|  63 c</span> |  | 
|  64 <span><--- This text has line breaks in the source HTML ("\n")</span> |  | 
|  65 </div> |  | 
|  66 <div> |  | 
|  67 <span id="normal-without-linebreaks">a b c</span> |  | 
|  68 <span><--- This text has no line breaks (just "a b c")</span> |  | 
|  69 </div> |  | 
|  70 <br> |  | 
|  71 <div id="console"></div> |  | 
|  72 </body> |  | 
|  73  |  | 
| OLD | NEW |