add mocks for work navigation page

Author: Essential Randomness

tests/mocks/data/works/43703871/navigate.html

@@ -1,10 +1,13 @@
+import { RestHandler } from "msw";
 import allHandlers from "./handlers/all";
 import feedHandlers from "./handlers/tags/feed";
 import nameHandlers from "./handlers/tags/name";
 import profileHandlers from "./handlers/users/profile";
 import tagWorksHandlers from "./handlers/tags/works";
 import workPageHandlers from "./handlers/works";
 import worksHandlers from "./handlers/works";
+// TODO: export these directly from worksHandlers
+import worksNavigateHandlers from "./handlers/works/navigate";
 
 export default [
   profileHandlers,
@@ -13,5 +16,6 @@ export default [
   worksHandlers,
   nameHandlers,
   workPageHandlers,
+  worksNavigateHandlers,
   allHandlers,
 ];

tests/mocks/handlers.ts

@@ -0,0 +1,25 @@
+import { fileURLToPath } from "url";
+import filenamify from "filenamify";
+import fs from "fs";
+import path from "path";
+import { rest } from "msw";
+
+const WORKS_DATA_DIR = path.resolve(
+  fileURLToPath(import.meta.url),
+  "../../../data/works"
+);
+
+export default rest.all(
+  "https://archiveofourown.org/works/:work_id/navigate",
+  (req, res, ctx) => {
+    const html = fs.readFileSync(
+      path.resolve(
+        WORKS_DATA_DIR,
+        filenamify(req.params.work_id as string),
+        "navigate.html"
+      )
+    );
+
+    return res(ctx.set("Content-Type", "text/html"), ctx.body(html));
+  }
+);