test: add component tests

tests/unit/components/layout/PanelBar.test.ts

@@ -0,0 +1,16 @@
+import PanelBar from "$components/layout/PanelBar.svelte";
+import { render } from "@testing-library/svelte";
+import { describe, expect, it } from "vitest";
+
+describe("PanelBar.svelte", () => {
+  it("should render without crashing", () => {
+    const { container } = render(PanelBar);
+    expect(container).toBeInTheDocument();
+  });
+
+  it("should have panel-bar class", () => {
+    const { container } = render(PanelBar);
+    const panelBar = container.querySelector(".panel-bar");
+    expect(panelBar).toBeInTheDocument();
+  });
+});

tests/unit/components/layout/TextBar.test.ts

@@ -0,0 +1,16 @@
+import TextBar from "$components/layout/TextBar.svelte";
+import { render } from "@testing-library/svelte";
+import { describe, expect, it } from "vitest";
+
+describe("TextBar.svelte", () => {
+  it("should render without crashing", () => {
+    const { container } = render(TextBar);
+    expect(container).toBeInTheDocument();
+  });
+
+  it("should have text-bar class", () => {
+    const { container } = render(TextBar);
+    const textBar = container.querySelector(".text-bar");
+    expect(textBar).toBeInTheDocument();
+  });
+});