dom/canvas/test/test_offscreencanvas_sizechange.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>WebGL in OffscreenCanvas</title>
   5 <script src="/tests/SimpleTest/SimpleTest.js"></script>
   6 <link rel="stylesheet" href="/tests/SimpleTest/test.css">
   7 </head>
   8 <body>
   9 <canvas id="c" width="64" height="64"></canvas>
  10 <script>
  11
  12 SimpleTest.waitForExplicitFinish();
  13
  14 function runTest() {
  15
  16   var htmlCanvas = document.getElementById("c");
  17   var worker = new Worker("offscreencanvas.js");
  18
  19   worker.onmessage = function(evt) {
  20     var msg = evt.data || {};
  21     if (msg.type == "test") {
  22       ok(msg.result, msg.name);
  23     }
  24     if (msg.type == "finish") {
  25       worker.terminate();
  26       SimpleTest.finish();
  27     }
  28   }
  29
  30   var offscreenCanvas = htmlCanvas.transferControlToOffscreen();
  31   worker.postMessage({test: 'webgl_changesize', canvas: offscreenCanvas}, [offscreenCanvas]);
  32 }
  33
  34 SpecialPowers.pushPrefEnv({'set': [
  35   ['webgl.force-enabled', true],
  36 ]}, runTest);
  37
  38 </script>
  39 </body>
  40 </html>