1 files changed, 59 insertions, 0 deletions
diff --git a/dom/workers/test/file_service_worker_fetch_synthetic.js b/dom/workers/test/file_service_worker_fetch_synthetic.js
new file mode 100644
index 0000000000..c58aeb294a
--- /dev/null
+++ b/dom/workers/test/file_service_worker_fetch_synthetic.js
@@ -0,0 +1,59 @@
+addEventListener("install", function (evt) {
+  evt.waitUntil(self.skipWaiting());
+});
+
+/**
+ * Given a multipart/form-data encoded string that we know to have only a single
+ * part, return the contents of the part.  (MIME multipart encoding is too
+ * exciting to delve into.)
+ */
+function extractBlobFromMultipartFormData(text) {
+  const lines = text.split(/\r\n/g);
+  const firstBlank = lines.indexOf("");
+  const foo = lines.slice(firstBlank + 1, -2).join("\n");
+  return foo;
+}
+
+self.addEventListener("fetch", event => {
+  const url = new URL(event.request.url);
+  const mode = url.searchParams.get("mode");
+
+  if (mode === "synthetic") {
+    event.respondWith(
+      (async () => {
+        // This works even if there wasn't a body explicitly associated with the
+        // request.  We just get a zero-length string in that case.
+        const requestBodyContents = await event.request.text();
+        const blobContents =
+          extractBlobFromMultipartFormData(requestBodyContents);
+
+        return new Response(
+          `<!DOCTYPE HTML><head><meta charset="utf-8"/></head><body>
+          <h1 id="url">${event.request.url}</h1>
+          <div id="source">ServiceWorker</div>
+          <div id="blob">${blobContents}</div>
+        </body>`,
+          { headers: { "Content-Type": "text/html" } }
+        );
+      })()
+    );
+  } else if (mode === "fetch") {
+    event.respondWith(fetch(event.request));
+  } else if (mode === "clone") {
+    // In order for the act of cloning to be interesting, we want the original
+    // request to remain alive so that any pipes end up having to buffer.
+    self.originalRequest = event.request;
+    event.respondWith(fetch(event.request.clone()));
+  } else {
+    event.respondWith(
+      new Response(
+        `<!DOCTYPE HTML><head><meta charset="utf-8"/></head><body>
+          <h1 id="error">Bad mode: ${mode}</h1>
+          <div id="source">ServiceWorker::Error</div>
+          <div id="blob">No, this is an error.</div>
+        </body>`,
+        { headers: { "Content-Type": "text/html" }, status: 400 }
+      )
+    );
+  }
+});