dom/file/tests/test_bug1507893.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>Blob URLs fetched in workers</title>
   6   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   7   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
   8 </head>
   9 <body>
  10   <script>
  11
  12 SimpleTest.waitForExplicitFinish();
  13
  14 // Let's be positive.
  15 Promise.resolve()
  16
  17 // Create a file.
  18 .then(_ => {
  19   return new Promise(resolve => {
  20     let openerURL = SimpleTest.getTestFileURL("fileapi_chromeScript.js");
  21     let opener = SpecialPowers.loadChromeScript(openerURL);
  22
  23     opener.addMessageListener("files.opened", files => {
  24       resolve(files[0]);
  25     });
  26
  27     opener.sendAsyncMessage("files.open", [ "I am the blob content" ]);
  28   })
  29 })
  30
  31 // Just a couple of checks
  32 .then(file => {
  33   ok(file instanceof File, "We want a file");
  34   ok(file.size > 0, "We have content");
  35   return file;
  36 })
  37
  38 // Let's create a blobURL
  39 .then(file => URL.createObjectURL(file))
  40
  41 // Let's send it to a worker.
  42 .then(url => {
  43   return new Promise(resolve => {
  44     let w = new Worker('worker_bug1507893.js');
  45     w.onmessage = e => {
  46      resolve(e.data);
  47     };
  48     w.postMessage(url);
  49   });
  50 })
  51
  52 // Let's check the worker's output
  53 .then(blob => {
  54   ok(blob instanceof File, "The worker sends us a blob");
  55   ok(blob.size > 0, "We have data");
  56 })
  57
  58 // All done.
  59 .then(SimpleTest.finish);
  60
  61   </script>
  62 </body>
  63 </html>