LayoutTests/svg/custom/svg-fonts-in-html-linebreaks.html

   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.layoutTestController)
  17     layoutTestController.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.offsetWidth + "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 behavior for handling
  45 control characters like newlines, as text rendered though the normal (fast or complex) path.
  46 The two "a b c" strings below should have the same length and not produce any missing-glyph symbols.</p>
  47 <div>
  48 <span id="svg-with-linebreaks" style="font-family: ABCFont">a
  49 b
  50 c</span>
  51 <span>&#60;--- 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>&#60;--- 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:</div>
  59 <br>
  60 <div>
  61 <span id="normal-with-linebreaks">a
  62 b
  63 c</span>
  64 <span>&#60;--- 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>&#60;--- This text has no line breaks (just "a b c")</span>
  69 </div>
  70 <br>
  71 <div id="console"></div>
  72 </body>
  73