diff --git a/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/index.test.tsx b/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/index.test.tsx
new file mode 100644
index 0000000..d7c6cf7
--- /dev/null
+++ b/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/index.test.tsx
@@ -0,0 +1,22 @@
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import TracingCaseContactDetail from "~/pages/dashboard/tracing/[caseId]/[contactId]";
+
+jest.mock("next/router", () => require("next-router-mock"));
+
+describe("TracingCaseContactDetail", () => {
+ it("renders page title correctly", () => {
+ render();
+
+ expect(screen.getByRole("heading", { name: /detail kontak erat/i })).toBeVisible();
+ });
+
+ it("renders the `Kembali` button correctly", () => {
+ render();
+
+ expect(screen.getByRole("link", { name: /kembali/i })).toHaveAttribute(
+ "href",
+ "/dashboard/tracing/undefined"
+ );
+ });
+});
diff --git a/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/monitor.test.tsx b/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/monitor.test.tsx
new file mode 100644
index 0000000..048f7cb
--- /dev/null
+++ b/__tests__/pages/dashboard/tracing/[caseId]/[contactId]/monitor.test.tsx
@@ -0,0 +1,22 @@
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import Monitor from "~/pages/dashboard/tracing/[caseId]/[contactId]/monitor";
+
+jest.mock("next/router", () => require("next-router-mock"));
+
+describe("Monitor", () => {
+ it("renders page title correctly", () => {
+ render();
+
+ expect(screen.getByRole("heading", { name: /tambah pemantauan/i })).toBeVisible();
+ });
+
+ it("renders the `Kembali` button correctly", () => {
+ render();
+
+ expect(screen.getByRole("link", { name: /kembali/i })).toHaveAttribute(
+ "href",
+ "/dashboard/tracing/undefined/undefined"
+ );
+ });
+});
diff --git a/__tests__/pages/dashboard/tracing/[caseId]/index.test.tsx b/__tests__/pages/dashboard/tracing/[caseId]/index.test.tsx
index 2fe94fc..9afbef7 100644
--- a/__tests__/pages/dashboard/tracing/[caseId]/index.test.tsx
+++ b/__tests__/pages/dashboard/tracing/[caseId]/index.test.tsx
@@ -10,4 +10,13 @@ describe("TracingCaseDetail", () => {
expect(screen.getByRole("heading", { name: /detail kasus konfirmasi/i })).toBeVisible();
});
+
+ it("renders the `Kembali` button correctly", () => {
+ render();
+
+ expect(screen.getByRole("link", { name: /kembali/i })).toHaveAttribute(
+ "href",
+ "/dashboard/tracing"
+ );
+ });
});
diff --git a/pages/dashboard/tracing/[caseId]/[contactId]/index.tsx b/pages/dashboard/tracing/[caseId]/[contactId]/index.tsx
index de091d5..e2818a6 100644
--- a/pages/dashboard/tracing/[caseId]/[contactId]/index.tsx
+++ b/pages/dashboard/tracing/[caseId]/[contactId]/index.tsx
@@ -22,8 +22,11 @@ export default function TracingCaseContactDetail() {
as={`/dashboard/tracing/${router.query.caseId}`}
href="/dashboard/tracing/[caseId]"
>
-
- Kembali
+
diff --git a/pages/dashboard/tracing/[caseId]/[contactId]/monitor.tsx b/pages/dashboard/tracing/[caseId]/[contactId]/monitor.tsx
index aa316ad..f899dc8 100644
--- a/pages/dashboard/tracing/[caseId]/[contactId]/monitor.tsx
+++ b/pages/dashboard/tracing/[caseId]/[contactId]/monitor.tsx
@@ -1,3 +1,5 @@
+import { ArrowCircleLeftIcon } from "@heroicons/react/outline";
+import Link from "next/link";
import { useRouter } from "next/router";
import { DashboardPage, DashboardPageContent } from "~/components/layout/dashboard";
import { ConfirmedCasesHeader } from "~/components/tracing/confirmed-cases-header";
@@ -5,11 +7,29 @@ import { ConfirmedCasesHeader } from "~/components/tracing/confirmed-cases-heade
export default function Monitor() {
const router = useRouter();
- console.log("caseId", router.query.caseId);
-
return (
- Header
+
+
+
+
+
Tambah Pemantauan
+
+
+
Content
);
diff --git a/pages/dashboard/tracing/[caseId]/index.tsx b/pages/dashboard/tracing/[caseId]/index.tsx
index e54e871..bb2c45e 100644
--- a/pages/dashboard/tracing/[caseId]/index.tsx
+++ b/pages/dashboard/tracing/[caseId]/index.tsx
@@ -19,8 +19,11 @@ export default function TracingCaseDetail() {