ctm-sanity.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function assert(cond, msg) { if (!cond) { throw msg; } }
  5. function isSameTM(m1, m2) {
  6. // XXX this is probably the ugliest possible way to write this function,
  7. // but it's intended to be lowest-common-denominator
  8. if (!(m1.length === 6 && m1.length === m2.length)) {
  9. return false;
  10. }
  11. for (var i = 0; i < m1.length; ++i) {
  12. if (m1[i] !== m2[i]) {
  13. return false;
  14. }
  15. }
  16. return true;
  17. }
  18. window.onload = function() {
  19. var IM = [ 1, 0, 0, 1, 0, 0 ];
  20. try {
  21. var ctx = document.getElementById("c1").getContext("2d");
  22. assert(isSameTM(IM, ctx.mozCurrentTransform),
  23. "currentTransform is identity by default");
  24. assert(isSameTM(IM, ctx.mozCurrentTransformInverse),
  25. "currentTransformInverse is identity by default");
  26. var m = [ 1, 2, 3, 4, 5, 6 ];
  27. ctx.mozCurrentTransform = m;
  28. assert(isSameTM(m, ctx.mozCurrentTransform),
  29. "currentTransform successfully set");
  30. var badVals = [ -1,
  31. "string",
  32. { obj: true },
  33. [ "array of string" ],
  34. [ -1 ],
  35. [ "string", 1, 2, 3, 4, 5 ],
  36. [ { obj: true }, 1, 2, 3, 4, 5 ],
  37. ];
  38. for (var i = 0; i < badVals.length; ++i) {
  39. var error = false;
  40. try { ctx.mozCurrentTransform = badVals[i]; }
  41. catch(e) { error = true; }
  42. assert(error && isSameTM(m, ctx.mozCurrentTransform),
  43. "Expected |currentTransform = "+ badVals[i] +"| to throw exception and not change .currentTransform");
  44. error = false;
  45. try { ctx.mozCurrentTransformInverse = badVals[i]; }
  46. catch(e) { error = true; }
  47. assert(error && isSameTM(m, ctx.mozCurrentTransform),
  48. "Expected |currentTransformInverse = "+ badVals[i] +"| to throw exception and not change .currentTransform");
  49. }
  50. ctx.mozCurrentTransform = IM;
  51. var noopVals = [ [ Number.NaN, 1, 2, 3, 4, 5 ],
  52. [ Infinity, 1, 2, 3, 4, 5 ],
  53. ];
  54. for (var i = 0; i < noopVals.length; ++i) {
  55. ctx.mozCurrentTransform = noopVals[i];
  56. assert(isSameTM(ctx.mozCurrentTransform, IM),
  57. "Illegal float values result in no-ops (sigh)");
  58. }
  59. ctx.mozCurrentTransform = IM;
  60. ctx.setTransform(m[0], m[1], m[2], m[3], m[4], m[5]);
  61. assert(isSameTM(ctx.mozCurrentTransform, m),
  62. "setTransform() updates currentTransform");
  63. } catch (e) {
  64. document.body.innerHTML = "FAIL: "+ e.toString();
  65. return;
  66. }
  67. document.body.innerHTML = "Pass";
  68. }
  69. </script>
  70. </head>
  71. <body>
  72. <div><canvas id="c1" width="300" height="300"></canvas></div>
  73. </body>
  74. </html>