Complete skill test

.github/workflows/ci.yml

@@ -34,4 +34,4 @@ jobs:
         run: deno lint
 
       - name: Test
-        run: deno task start && CHROME_BIN=$(which chrome) deno task test --quiet
+        run: deno task dev & deno task start && CHROME_BIN=$(which chrome) deno task test --quiet

fresh.gen.ts

@@ -3,10 +3,12 @@
 // This file is automatically updated during development when running `dev.ts`.
 
 import * as $0 from "./routes/index.tsx";
+import * as $1 from "./routes/jobs/[job].tsx";
 
 const manifest = {
   routes: {
     "./routes/index.tsx": $0,
+    "./routes/jobs/[job].tsx": $1,
   },
   islands: {},
   baseUrl: import.meta.url,

routes/index.tsx

@@ -1,7 +1,21 @@
 /** @jsx h */
 import { h } from "preact";
 
-export default function Home() {
+import type { Handlers, PageProps } from "$fresh/server.ts";
+
+export const handler: Handlers<string> = {
+  async POST(req, ctx) {
+    const formData = await req.formData();
+
+    const job = formData.get("job") as string;
+
+    return job
+      ? Response.redirect(`http://localhost:8000/jobs/${job}`)
+      : ctx.render("error: empty input");
+  },
+};
+
+export default function Home({ data }: PageProps<string>) {
   return (
     <div>
       <a href="https://www.active-connector.com/">
@@ -13,6 +27,13 @@ export default function Home() {
       <h2>
         Skill Test (Software Engineer)
       </h2>
+
+      <form method="POST">
+        <input type="text" id="job" name="job" />
+        <button type="submit">Search Job</button>
+      </form>
+
+      {data ? <p>{data}</p> : null}
     </div>
   );
 }

routes/jobs/[job].tsx

@@ -0,0 +1,18 @@
+/** @jsx h */
+import { h } from "preact";
+
+import type { PageProps } from "$fresh/server.ts";
+
+function searchJob(job: string) {
+  if (job === "engineer") {
+    return `Job "engineer" is open for you!`;
+  }
+
+  return `Job "${job}" is not available`;
+}
+
+export default function JobPage(props: PageProps) {
+  const { job } = props.params;
+
+  return <div>{searchJob(job)}</div>;
+}