content/canvas/test/test_2d.path.bezierCurveTo.nonfinite.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: 2d.path.bezierCurveTo.nonfinite</title>
   3 <!-- Testing: bezierCurveTo() with Infinity/NaN is ignored -->
   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 function isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
  11     var pixel = ctx.getImageData(x, y, 1, 1);
  12     var pr = pixel.data[0],
  13         pg = pixel.data[1],
  14         pb = pixel.data[2],
  15         pa = pixel.data[3];
  16     ok(r-d <= pr && pr <= r+d &&
  17        g-d <= pg && pg <= g+d &&
  18        b-d <= pb && pb <= b+d &&
  19        a-d <= pa && pa <= a+d,
  20        "pixel "+pos+" is "+pr+","+pg+","+pb+","+pa+"; expected "+colour+" +/- "+d);
  21 }
  22
  23 SimpleTest.waitForExplicitFinish();
  24 MochiKit.DOM.addLoadEvent(function () {
  25
  26 var canvas = document.getElementById('c');
  27 var ctx = canvas.getContext('2d');
  28
  29 var _thrown_outer = false;
  30 try {
  31
  32 ctx.moveTo(0, 0);
  33 ctx.lineTo(100, 0);
  34 ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, 50);
  35 ctx.bezierCurveTo(-Infinity, 50, 0, 50, 0, 50);
  36 ctx.bezierCurveTo(NaN, 50, 0, 50, 0, 50);
  37 ctx.bezierCurveTo(0, Infinity, 0, 50, 0, 50);
  38 ctx.bezierCurveTo(0, -Infinity, 0, 50, 0, 50);
  39 ctx.bezierCurveTo(0, NaN, 0, 50, 0, 50);
  40 ctx.bezierCurveTo(0, 50, Infinity, 50, 0, 50);
  41 ctx.bezierCurveTo(0, 50, -Infinity, 50, 0, 50);
  42 ctx.bezierCurveTo(0, 50, NaN, 50, 0, 50);
  43 ctx.bezierCurveTo(0, 50, 0, Infinity, 0, 50);
  44 ctx.bezierCurveTo(0, 50, 0, -Infinity, 0, 50);
  45 ctx.bezierCurveTo(0, 50, 0, NaN, 0, 50);
  46 ctx.bezierCurveTo(0, 50, 0, 50, Infinity, 50);
  47 ctx.bezierCurveTo(0, 50, 0, 50, -Infinity, 50);
  48 ctx.bezierCurveTo(0, 50, 0, 50, NaN, 50);
  49 ctx.bezierCurveTo(0, 50, 0, 50, 0, Infinity);
  50 ctx.bezierCurveTo(0, 50, 0, 50, 0, -Infinity);
  51 ctx.bezierCurveTo(0, 50, 0, 50, 0, NaN);
  52 ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, 50);
  53 ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, 50);
  54 ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, 50);
  55 ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, 50);
  56 ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, Infinity, Infinity);
  57 ctx.bezierCurveTo(Infinity, Infinity, Infinity, Infinity, 0, Infinity);
  58 ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, 50);
  59 ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, Infinity, Infinity);
  60 ctx.bezierCurveTo(Infinity, Infinity, Infinity, 50, 0, Infinity);
  61 ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, 50);
  62 ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, 50);
  63 ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, Infinity, Infinity);
  64 ctx.bezierCurveTo(Infinity, Infinity, 0, Infinity, 0, Infinity);
  65 ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, 50);
  66 ctx.bezierCurveTo(Infinity, Infinity, 0, 50, Infinity, Infinity);
  67 ctx.bezierCurveTo(Infinity, Infinity, 0, 50, 0, Infinity);
  68 ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, 50);
  69 ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, 50);
  70 ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, 50);
  71 ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, Infinity, Infinity);
  72 ctx.bezierCurveTo(Infinity, 50, Infinity, Infinity, 0, Infinity);
  73 ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, 50);
  74 ctx.bezierCurveTo(Infinity, 50, Infinity, 50, Infinity, Infinity);
  75 ctx.bezierCurveTo(Infinity, 50, Infinity, 50, 0, Infinity);
  76 ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, 50);
  77 ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, 50);
  78 ctx.bezierCurveTo(Infinity, 50, 0, Infinity, Infinity, Infinity);
  79 ctx.bezierCurveTo(Infinity, 50, 0, Infinity, 0, Infinity);
  80 ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, 50);
  81 ctx.bezierCurveTo(Infinity, 50, 0, 50, Infinity, Infinity);
  82 ctx.bezierCurveTo(Infinity, 50, 0, 50, 0, Infinity);
  83 ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, 50);
  84 ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, 50);
  85 ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, 50);
  86 ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, Infinity, Infinity);
  87 ctx.bezierCurveTo(0, Infinity, Infinity, Infinity, 0, Infinity);
  88 ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, 50);
  89 ctx.bezierCurveTo(0, Infinity, Infinity, 50, Infinity, Infinity);
  90 ctx.bezierCurveTo(0, Infinity, Infinity, 50, 0, Infinity);
  91 ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, 50);
  92 ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, 50);
  93 ctx.bezierCurveTo(0, Infinity, 0, Infinity, Infinity, Infinity);
  94 ctx.bezierCurveTo(0, Infinity, 0, Infinity, 0, Infinity);
  95 ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, 50);
  96 ctx.bezierCurveTo(0, Infinity, 0, 50, Infinity, Infinity);
  97 ctx.bezierCurveTo(0, Infinity, 0, 50, 0, Infinity);
  98 ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, 50);
  99 ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, 50);
 100 ctx.bezierCurveTo(0, 50, Infinity, Infinity, Infinity, Infinity);
 101 ctx.bezierCurveTo(0, 50, Infinity, Infinity, 0, Infinity);
 102 ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, 50);
 103 ctx.bezierCurveTo(0, 50, Infinity, 50, Infinity, Infinity);
 104 ctx.bezierCurveTo(0, 50, Infinity, 50, 0, Infinity);
 105 ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, 50);
 106 ctx.bezierCurveTo(0, 50, 0, Infinity, Infinity, Infinity);
 107 ctx.bezierCurveTo(0, 50, 0, Infinity, 0, Infinity);
 108 ctx.bezierCurveTo(0, 50, 0, 50, Infinity, Infinity);
 109 ctx.lineTo(100, 50);
 110 ctx.lineTo(0, 50);
 111 ctx.fillStyle = '#0f0';
 112 ctx.fill();
 113 isPixel(ctx, 50,25, 0,255,0,255, "50,25", "0,255,0,255", 0);
 114 isPixel(ctx, 90,45, 0,255,0,255, "90,45", "0,255,0,255", 0);
 115
 116 } catch (e) {
 117     _thrown_outer = true;
 118 }
 119 todo(!_thrown_outer, 'should not throw exception');
 120
 121 SimpleTest.finish();
 122
 123 });
 124 </script>
 125