From fc8d8ab8d0da95ec79056f59e14a150df6fcea89 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Sun, 30 Aug 2026 22:43:21 +0200
Subject: Moved to svelte

---
 src/lib/components/ToggleButton.test.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/lib/components/ToggleButton.test.js

(limited to 'src/lib/components/ToggleButton.test.js')

diff --git a/src/lib/components/ToggleButton.test.js b/src/lib/components/ToggleButton.test.js
new file mode 100644
index 0000000..cfbb90d
--- /dev/null
+++ b/src/lib/components/ToggleButton.test.js
@@ -0,0 +1,31 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+import { render, screen, fireEvent } from "@testing-library/svelte";
+import ToggleButton from "./ToggleButton.svelte";
+
+describe("ToggleButton", () => {
+  it("renders the label", () => {
+    render(ToggleButton, { label: "Court 1", active: true, onclick: () => {} });
+    expect(screen.getByText("Court 1")).toBeInTheDocument();
+  });
+
+  it("shows the outline/secondary styling when inactive", () => {
+    render(ToggleButton, { label: "Court 1", active: false, onclick: () => {} });
+    const button = screen.getByRole("button");
+    expect(button).toHaveClass("outline", "secondary");
+  });
+
+  it("has no outline/secondary styling when active", () => {
+    render(ToggleButton, { label: "Court 1", active: true, onclick: () => {} });
+    const button = screen.getByRole("button");
+    expect(button).not.toHaveClass("outline");
+    expect(button).not.toHaveClass("secondary");
+  });
+
+  it("calls onclick when clicked", async () => {
+    const onclick = vi.fn();
+    render(ToggleButton, { label: "Court 1", active: true, onclick });
+    await fireEvent.click(screen.getByRole("button"));
+    expect(onclick).toHaveBeenCalledOnce();
+  });
+});
-- 
cgit v1.3.1