content/canvas/test/test_2d.state.saverestore.strokeStyle.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: 2d.state.saverestore.strokeStyle</title>
   3 <!-- Testing: save()/restore() works for strokeStyle -->
   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 // Test that restore() undoes any modifications
  18 var old = ctx.strokeStyle;
  19 ctx.save();
  20 ctx.strokeStyle = "#ff0000";
  21 ctx.restore();
  22 ok(ctx.strokeStyle === old, "ctx.strokeStyle === old");
  23
  24 // Also test that save() doesn't modify the values
  25 ctx.strokeStyle = "#ff0000";
  26 old = ctx.strokeStyle;
  27     // we're not interested in failures caused by get(set(x)) != x (e.g.
  28     // from rounding), so compare against d instead of against "#ff0000"
  29 ctx.save();
  30 ok(ctx.strokeStyle === old, "ctx.strokeStyle === old");
  31 ctx.restore();
  32
  33 SimpleTest.finish();
  34
  35 });
  36 </script>
  37