<!--
  Any copyright is dedicated to the Public Domain.
  http://creativecommons.org/publicdomain/zero/1.0/
-->
<!DOCTYPE HTML>
<html>
<head>
  <title>Bug 1424701 - Test for service worker + file upload</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="utils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<input id="input" type="file">
<script class="testbody" type="text/javascript">

function GetFormData(file) {
  const formData = new FormData();
  formData.append('file', file);
  return formData;
}

async function onOpened(message) {
  let input = document.getElementById("input");
  SpecialPowers.wrap(input).mozSetFileArray([message.file]);
  script.destroy();

  let reg = await navigator.serviceWorker.register('sw_file_upload.js',
                                                   {scope: "." });
  let serviceWorker = reg.installing || reg.waiting || reg.active;
  await waitForState(serviceWorker, 'activated');

  let res = await fetch('server_file_upload.sjs?clone=0', {
    method: 'POST',
    body: input.files[0],
  });

  let data = await res.clone().text();
  ok(data.length, "We have data for an uncloned request!");

  res = await fetch('server_file_upload.sjs?clone=1', {
    method: 'POST',
    // Make sure the underlying stream is a file stream
    body: GetFormData(input.files[0]),
  });

  data = await res.clone().text();
  ok(data.length, "We have data for a file-stream-backed cloned request!");

  await reg.unregister();
  SimpleTest.finish();
}

let url = SimpleTest.getTestFileURL("script_file_upload.js");
let script = SpecialPowers.loadChromeScript(url);

SimpleTest.waitForExplicitFinish();
SpecialPowers.pushPrefEnv({"set": [
  ["dom.serviceWorkers.exemptFromPerDomainMax", true],
  ["dom.serviceWorkers.enabled", true],
  ["dom.serviceWorkers.testing.enabled", true]
]}).then(() => {
  script.addMessageListener("file.opened", onOpened);
  script.sendAsyncMessage("file.open");
});
</script>
</body>
</html>
