content/canvas/test/test_text.textBaseline.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: text.textBaseline</title>
   3 <script src="/MochiKit/MochiKit.js"></script>
   4 <script src="/tests/SimpleTest/SimpleTest.js"></script>
   5 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
   6 <body>
   7 <canvas id="c" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
   8 <script>
   9 var _deferred = false;
  10
  11 SimpleTest.waitForExplicitFinish();
  12 MochiKit.DOM.addLoadEvent(function () {
  13
  14 var canvas = document.getElementById('c');
  15 var ctx = canvas.getContext('2d');
  16
  17 is(ctx.textBaseline, 'alphabetic', "default textBaseline is not 'alphabetic'");
  18
  19 ctx.save();
  20 ctx.textBaseline = 'ideographic';
  21 is(ctx.textBaseline, 'ideographic', 'textBaseline getter returns incorrect value');
  22
  23 ctx.save();
  24 ctx.textBaseline = 'top';
  25 is(ctx.textBaseline, 'top', 'textBaseline getter returns incorrect value');
  26
  27 ctx.save();
  28 ctx.textBaseline = 'middle';
  29 is(ctx.textBaseline, 'middle', 'textBaseline getter returns incorrect value');
  30
  31 ctx.save();
  32 ctx.textBaseline = 'bottom';
  33 is(ctx.textBaseline, 'bottom', 'textBaseline getter returns incorrect value');
  34
  35 ctx.save();
  36 ctx.textBaseline = 'hanging';
  37 is(ctx.textBaseline, 'hanging', 'textBaseline getter returns incorrect value');
  38
  39 ctx.save();
  40 ctx.textBaseline = 'alphabetic';
  41 is(ctx.textBaseline, 'alphabetic', 'textBaseline getter returns incorrect value');
  42
  43 ctx.restore();
  44 is(ctx.textBaseline, 'hanging', 'textBaseline not being stored in the context state');
  45
  46 ctx.restore();
  47 is(ctx.textBaseline, 'bottom', 'textBaseline not being stored in the context state');
  48
  49 ctx.restore();
  50 is(ctx.textBaseline, 'middle', 'textBaseline not being stored in the context state');
  51
  52 ctx.restore();
  53 is(ctx.textBaseline, 'top', 'textBaseline not being stored in the context state');
  54
  55 ctx.restore();
  56 is(ctx.textBaseline, 'ideographic', 'textBaseline not being stored in the context state');
  57
  58 ctx.restore();
  59 is(ctx.textBaseline, 'alphabetic', 'textBaseline not being stored in the context state');
  60
  61 if (!_deferred) SimpleTest.finish();
  62 });
  63 </script>
  64