src/third_party/WebKit/LayoutTests/fast/canvas/canvas-normalize-string.html

   1 <html>
   2 <head>
   3 <meta charset="UTF-8" />
   4 <title>Canvas Normalized String Test</title>
   5 </head>
   6
   7 <body>
   8 <p>On success, two same text string with equal width will be rendered.</p>
   9 <canvas id="myCanvas" width="300px" height="300px" style="border:1px solid #c3c3c3;">
  10 Your browser does not support the canvas element.
  11 </canvas>
  12 <div id="console"></div>
  13
  14 <script type="text/javascript">
  15 function compareImageData(img1,img2)
  16 {
  17     if(img1.data.length != img2.data.length)
  18         return false;
  19
  20     for(var i = 0; i < img1.data.length; ++i){
  21         if(img1.data[i] != img2.data[i])
  22             return false;
  23     }
  24     return true;
  25 }
  26
  27 function compareStrings(string1, string2, fontSize, ctx, yCo)
  28 {
  29     ctx.fillText(string1, 10, yCo);
  30     var imgDataCombinedText = ctx.getImageData(10,yCo-fontSize, ctx.measureText(string1).width,fontSize);
  31
  32     yCo += fontSize * 2;
  33     ctx.fillText(string2, 10, yCo);
  34     var imgData = ctx.getImageData(10, yCo-fontSize, ctx.measureText(string2).width,fontSize);
  35     return compareImageData(imgDataCombinedText, imgData);
  36 }
  37
  38 if (window.testRunner)
  39     testRunner.dumpAsText();
  40
  41 var c=document.getElementById("myCanvas");
  42 var ctx=c.getContext("2d");
  43
  44 var yCo = 30;
  45 var testFlag = false;
  46 var fontFamily = "Arial, san-serif";
  47 var fontSize = 20;
  48 ctx.font = fontSize + "px " + fontFamily;
  49
  50 // This will test both Complex and Simple code path
  51 var latinString="Sample string \u0009 \u000A \u000D string end";
  52 var normalizedLatinString="Sample string \u0020 \u0020 \u0020 string end";
  53
  54 var HindiString="हिन्दी \u0009 \u000A \u000D हिन्दी ";
  55 var normalizedHindiString="हिन्दी \u0020 \u0020 \u0020 हिन्दी ";
  56
  57 testFlag = compareStrings(latinString, normalizedLatinString, fontSize, ctx, yCo);
  58 yCo += fontSize * 4;
  59 testFlag = compareStrings(HindiString, normalizedHindiString, fontSize, ctx, yCo);
  60 if (testFlag)
  61     document.getElementById("console").innerHTML = "TEST PASSED";
  62 else
  63     document.getElementById("console").innerHTML = "TEST FAILED";
  64
  65 </script>
  66 </body>
  67 </html>