/image/test/mochitest/test_bug490949.html

http://github.com/zpao/v8monkey · HTML · 114 lines · 95 code · 16 blank · 3 comment · 0 complexity · 03af2fbedbe8de61300e1a60f364b1a0 MD5 · raw file 

    

  1. <!DOCTYPE HTML>
    2. 

  2. <html>
    3. 

  3. <!--
    4. 

  4. https://bugzilla.mozilla.org/show_bug.cgi?id=490949
    5. 

  5. -->
    6. 

  6. <head>
    7. 

  7.   <title>Test for Bug 490949</title>
    8. 

  8.   <script type="application/javascript" src="/MochiKit/MochiKit.js"></script>
    9. 

  9.   <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
    10. 

  10.   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
    11. 

  11. </head>
    12. 

  12. <body onload="checkFirst()">
    13. 

  13. <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=490949">Mozilla Bug 490949</a>
    14. 

  14. <p id="display"></p>
    15. 

  15. <div id="content" style="display: none">
    16. 

  16. <canvas id="canvas" width="100" height="100"> </canvas>
    17. 

  17. </div>
    18. 

  18. <pre id="test">
    19. 

  19. <script type="application/javascript">
    20. 

  20. 

  21. SimpleTest.waitForExplicitFinish();
    22. 

  22. 

  23. var canvas = document.getElementById('canvas');
    24. 

  24. var first, second, third;
    25. 

  25. 

  26. RemoteCanvas = function() {
    27. 

  27.     this.url = "bug490949-iframe.html";
    28. 

  28. };
    29. 

  29. 

  30. RemoteCanvas.CANVAS_WIDTH = 100;
    31. 

  31. RemoteCanvas.CANVAS_HEIGHT = 100;
    32. 

  32. 

  33. RemoteCanvas.prototype.load = function(cb) {
    34. 

  34.     this.cb = cb;
    35. 

  35. 

  36.     var windowWidth = window.innerWidth - 25;
    37. 

  37.     var iframe;
    38. 

  38.     iframe = document.createElement("iframe");
    39. 

  39.     iframe.id = "test-iframe";
    40. 

  40.     iframe.height = "10px";
    41. 

  41.     iframe.width = windowWidth + "px";
    42. 

  42.     iframe.style.visibility = "hidden";
    43. 

  43.     iframe.src = this.url;
    44. 

  44.     // Here is where the magic happens... add a listener to the
    45. 

  45.     // frame's onload event - it will call handleEvent
    46. 

  46.     iframe.addEventListener("load", this, true);
    47. 

  47.     //append to the end of the page
    48. 

  48.     window.document.body.appendChild(iframe);
    49. 

  49. };
    50. 

  50. 

  51. RemoteCanvas.prototype.reload = function(cb, force) {
    52. 

  52.     this.cb = cb;
    53. 

  53.     window.frames[0].location.reload(force);
    54. 

  54. }
    55. 

  55. 

  56. RemoteCanvas.prototype.handleEvent = function() {
    57. 

  57.     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    58. 

  58. 

  59.     // Look back up the iframe by id
    60. 

  60.     var ldrFrame = document.getElementById("test-iframe");
    61. 

  61.     // Get a reference to the window object you need for the canvas
    62. 

  62.     // drawWindow method
    63. 

  63.     var remoteWindow = ldrFrame.contentWindow;
    64. 

  64. 

  65.     //Draw canvas
    66. 

  66.     canvas.style.width = RemoteCanvas.CANVAS_WIDTH + "px";
    67. 

  67.     canvas.style.height = RemoteCanvas.CANVAS_HEIGHT + "px";
    68. 

  68.     canvas.width = RemoteCanvas.CANVAS_WIDTH;
    69. 

  69.     canvas.height = RemoteCanvas.CANVAS_HEIGHT;
    70. 

  70.     var windowWidth = window.innerWidth - 25;
    71. 

  71.     var windowHeight = window.innerHeight;
    72. 

  72. 

  73.     var ctx = canvas.getContext("2d");
    74. 

  74.     ctx.clearRect(0, 0,
    75. 

  75.                   RemoteCanvas.CANVAS_WIDTH,
    76. 

  76.                   RemoteCanvas.CANVAS_HEIGHT);
    77. 

  77.     ctx.save();
    78. 

  78.     ctx.scale(RemoteCanvas.CANVAS_WIDTH / windowWidth,
    79. 

  79.               RemoteCanvas.CANVAS_HEIGHT / windowHeight);
    80. 

  80.     ctx.drawWindow(remoteWindow,
    81. 

  81.                    0, 0,
    82. 

  82.                    windowWidth, windowHeight,
    83. 

  83.                    "rgb(0,0,0)");
    84. 

  84.     ctx.restore();
    85. 

  85.     this.cb();
    86. 

  86. };
    87. 

  87. 

  88. function checkFirst()
    89. 

  89. {
    90. 

  90.   first = canvas.toDataURL();
    91. 

  91.   remoteCanvas.reload(checkForceReload, true);
    92. 

  92. }
    93. 

  93. 

  94. function checkForceReload()
    95. 

  95. {
    96. 

  96.   second = canvas.toDataURL();
    97. 

  97.   ok(first != second, "We got the wrong image.");
    98. 

  98.   remoteCanvas.reload(checkLazyReload, false);
    99. 

  99. }
    100. 

  100. 

  101. function checkLazyReload()
    102. 

  102. {
    103. 

  103.   third = canvas.toDataURL();
    104. 

  104.   ok(second != third, "We got the wrong image.");
    105. 

  105.   SimpleTest.finish();
    106. 

  106. }
    107. 

  107. 

  108. var remoteCanvas = new RemoteCanvas();
    109. 

  109. remoteCanvas.load(checkFirst);
    110. 

  110. 

  111. </script>
    112. 

  112. </pre>
    113. 

  113. </body>
    114. 

  114. </html>
    115.