dom/canvas/test/test_canvas_strokeStyle_getter.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=587106
   5 -->
   6 <head>
   7   <title>Test for Bug 587106</title>
   8   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  10 </head>
  11 <body>
  12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=587106">Mozilla Bug 587106</a>
  13 <p id="display"><canvas id="c"><canvas></p>
  14 <div id="content" style="display: none">
  15
  16 </div>
  17 <pre id="test">
  18 <script type="application/javascript">
  19
  20 /** Test for Bug 587106 **/
  21   var ctx=document.getElementById('c').getContext('2d');
  22   for (var i = 0; i < 100; ++i) {
  23     // Skip things that will give different alpha values depending on weird
  24     // rounding stuff.
  25     var tentativeAlpha = i / 100 * 255;
  26     if (Math.abs(tentativeAlpha.toFixed(1) - tentativeAlpha.toFixed(0)) == 0.5) {
  27       // Skip this one, please!
  28       continue;
  29     }
  30     ctx.strokeStyle = 'rgba(0, 0, 0, ' + (i/100) + ')';
  31     is(ctx.strokeStyle, 'rgba(0, 0, 0, ' + (i/100) + ')',
  32        'strokeStyle should match for opacity='+(i/100));
  33   }
  34
  35 </script>
  36 </pre>
  37 </body>
  38 </html>