From 1ab9d0a681e9460fdaf80f1867fa5f6c7d5be105 Mon Sep 17 00:00:00 2001
From: Steve Rydz <steve.rydz@canonical.com>
Date: Tue, 25 Jul 2023 09:25:00 +0100
Subject: [PATCH] Add tests for model service navigation (#4350)

---
 .../components/Model/ModelNav.test.tsx        | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 static/js/brand-store/components/Model/ModelNav.test.tsx

diff --git a/static/js/brand-store/components/Model/ModelNav.test.tsx b/static/js/brand-store/components/Model/ModelNav.test.tsx
new file mode 100644
index 0000000000..e60967c474
--- /dev/null
+++ b/static/js/brand-store/components/Model/ModelNav.test.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { BrowserRouter } from "react-router-dom";
+import { render, screen } from "@testing-library/react";
+import "@testing-library/jest-dom";
+
+import ModelNav from "./ModelNav";
+
+const renderComponent = () => {
+  return render(
+    <BrowserRouter>
+      <ModelNav sectionName="policies" />
+    </BrowserRouter>
+  );
+};
+
+describe("ModelNav", () => {
+  it("highlights the correct navigation item", () => {
+    renderComponent();
+    const currentLink = screen.getByRole("tab", { name: "Policies" });
+    expect(currentLink.getAttribute("aria-selected")).toBe("true");
+  });
+
+  it("doesn't highlight other navigation links", () => {
+    renderComponent();
+    const currentLink = screen.getByRole("tab", { name: "Overview" });
+    expect(currentLink.getAttribute("aria-selected")).toBe("false");
+  });
+});