content/canvas/test/test_initial.reset.2dstate.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: initial.reset.2dstate</title>
   3 <!-- Testing: Resetting the canvas state resets 2D state variables -->
   4 <script src="/MochiKit/MochiKit.js"></script>
   5 <script src="/tests/SimpleTest/SimpleTest.js"></script>
   6 <link rel="stylesheet" href="/tests/SimpleTest/test.css">
   7 <body>
   8 <canvas id="c" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
   9 <script>
  10
  11 SimpleTest.waitForExplicitFinish();
  12 MochiKit.DOM.addLoadEvent(function () {
  13
  14 var canvas = document.getElementById('c');
  15 var ctx = canvas.getContext('2d');
  16
  17 canvas.width = 100;
  18 var default_val;
  19
  20 default_val = ctx.strokeStyle;
  21 ctx.strokeStyle = "#ff0000";
  22 canvas.width = 100;
  23 ok(ctx.strokeStyle === default_val, "ctx.strokeStyle === default_val");
  24
  25 default_val = ctx.fillStyle;
  26 ctx.fillStyle = "#ff0000";
  27 canvas.width = 100;
  28 ok(ctx.fillStyle === default_val, "ctx.fillStyle === default_val");
  29
  30 default_val = ctx.globalAlpha;
  31 ctx.globalAlpha = 0.5;
  32 canvas.width = 100;
  33 ok(ctx.globalAlpha === default_val, "ctx.globalAlpha === default_val");
  34
  35 default_val = ctx.lineWidth;
  36 ctx.lineWidth = 0.5;
  37 canvas.width = 100;
  38 ok(ctx.lineWidth === default_val, "ctx.lineWidth === default_val");
  39
  40 default_val = ctx.lineCap;
  41 ctx.lineCap = "round";
  42 canvas.width = 100;
  43 ok(ctx.lineCap === default_val, "ctx.lineCap === default_val");
  44
  45 default_val = ctx.lineJoin;
  46 ctx.lineJoin = "round";
  47 canvas.width = 100;
  48 ok(ctx.lineJoin === default_val, "ctx.lineJoin === default_val");
  49
  50 default_val = ctx.miterLimit;
  51 ctx.miterLimit = 0.5;
  52 canvas.width = 100;
  53 ok(ctx.miterLimit === default_val, "ctx.miterLimit === default_val");
  54
  55 default_val = ctx.shadowOffsetX;
  56 ctx.shadowOffsetX = 5;
  57 canvas.width = 100;
  58 ok(ctx.shadowOffsetX === default_val, "ctx.shadowOffsetX === default_val");
  59
  60 default_val = ctx.shadowOffsetY;
  61 ctx.shadowOffsetY = 5;
  62 canvas.width = 100;
  63 ok(ctx.shadowOffsetY === default_val, "ctx.shadowOffsetY === default_val");
  64
  65 default_val = ctx.shadowBlur;
  66 ctx.shadowBlur = 5;
  67 canvas.width = 100;
  68 ok(ctx.shadowBlur === default_val, "ctx.shadowBlur === default_val");
  69
  70 default_val = ctx.shadowColor;
  71 ctx.shadowColor = "#ff0000";
  72 canvas.width = 100;
  73 ok(ctx.shadowColor === default_val, "ctx.shadowColor === default_val");
  74
  75 default_val = ctx.globalCompositeOperation;
  76 ctx.globalCompositeOperation = "copy";
  77 canvas.width = 100;
  78 ok(ctx.globalCompositeOperation === default_val, "ctx.globalCompositeOperation === default_val");
  79
  80 SimpleTest.finish();
  81
  82 });
  83 </script>
  84