test(frontend): add views to visually test components

Author: paulrobertlloyd

helpers/frontend/assets/icon.svg

@@ -0,0 +1,46 @@
+import express from "express";
+
+const defaults = {
+  mountPath: "/frontend",
+};
+
+// eslint-disable-next-line new-cap
+const router = express.Router({ caseSensitive: true, mergeParams: true });
+
+export default class FrontendEndpoint {
+  constructor(options = {}) {
+    this.id = "endpoint-frontend";
+    this.meta = import.meta;
+    this.name = "Frontend endpoint";
+    this.options = { ...defaults, ...options };
+    this.mountPath = this.options.mountPath;
+  }
+
+  get routesPublic() {
+    router.get("/:page", (request, response) => {
+      const { page } = request.params;
+
+      response.render(`frontend-${page}`, {
+        title: `Frontend ${page}`,
+      });
+    });
+
+    router.post("/form", (request, response) => {
+      response.render(`frontend-form`, {
+        title: `Frontend form (with errors)`,
+        errors: {
+          content: {
+            msg: "Input error",
+            param: "input",
+          },
+        },
+      });
+    });
+
+    return router;
+  }
+
+  init(Indiekit) {
+    Indiekit.addEndpoint(this);
+  }
+}

helpers/frontend/index.js

@@ -0,0 +1,7 @@
+{
+  "name": "@indiekit-test/frontend",
+  "main": "index.js",
+  "type": "module",
+  "private": true,
+  "license": "MIT"
+}