1 files changed, 41 insertions, 41 deletions
diff --git a/frontend/app/components/FoldableBorderedContainerWithCaption.test.tsx b/frontend/app/components/FoldableBorderedContainerWithCaption.test.tsx
index a4434ff..bfbb496 100644
--- a/frontend/app/components/FoldableBorderedContainerWithCaption.test.tsx
+++ b/frontend/app/components/FoldableBorderedContainerWithCaption.test.tsx
@@ -6,51 +6,51 @@ import { afterEach, describe, expect, test } from "vitest";
 import FoldableBorderedContainerWithCaption from "./FoldableBorderedContainerWithCaption";
 
 afterEach(() => {
-	cleanup();
+  cleanup();
 });
 
 describe("FoldableBorderedContainerWithCaption", () => {
-	test("renders caption", () => {
-		render(
-			<FoldableBorderedContainerWithCaption caption="Foldable Title">
-				Content
-			</FoldableBorderedContainerWithCaption>,
-		);
-		expect(screen.getByText("Foldable Title")).toBeDefined();
-	});
+  test("renders caption", () => {
+    render(
+      <FoldableBorderedContainerWithCaption caption="Foldable Title">
+        Content
+      </FoldableBorderedContainerWithCaption>,
+    );
+    expect(screen.getByText("Foldable Title")).toBeDefined();
+  });
 
-	test("shows children by default (open state)", () => {
-		render(
-			<FoldableBorderedContainerWithCaption caption="Title">
-				<div data-testid="child">Visible</div>
-			</FoldableBorderedContainerWithCaption>,
-		);
-		const child = screen.getByTestId("child");
-		expect(child.parentElement?.className).not.toContain("hidden");
-	});
+  test("shows children by default (open state)", () => {
+    render(
+      <FoldableBorderedContainerWithCaption caption="Title">
+        <div data-testid="child">Visible</div>
+      </FoldableBorderedContainerWithCaption>,
+    );
+    const child = screen.getByTestId("child");
+    expect(child.parentElement?.className).not.toContain("hidden");
+  });
 
-	test("hides children when toggle button is clicked", () => {
-		render(
-			<FoldableBorderedContainerWithCaption caption="Title">
-				<div data-testid="child">Content</div>
-			</FoldableBorderedContainerWithCaption>,
-		);
-		const toggleButton = screen.getByRole("button");
-		fireEvent.click(toggleButton);
-		const child = screen.getByTestId("child");
-		expect(child.parentElement?.className).toContain("hidden");
-	});
+  test("hides children when toggle button is clicked", () => {
+    render(
+      <FoldableBorderedContainerWithCaption caption="Title">
+        <div data-testid="child">Content</div>
+      </FoldableBorderedContainerWithCaption>,
+    );
+    const toggleButton = screen.getByRole("button");
+    fireEvent.click(toggleButton);
+    const child = screen.getByTestId("child");
+    expect(child.parentElement?.className).toContain("hidden");
+  });
 
-	test("shows children again when toggle button is clicked twice", () => {
-		render(
-			<FoldableBorderedContainerWithCaption caption="Title">
-				<div data-testid="child">Content</div>
-			</FoldableBorderedContainerWithCaption>,
-		);
-		const toggleButton = screen.getByRole("button");
-		fireEvent.click(toggleButton);
-		fireEvent.click(toggleButton);
-		const child = screen.getByTestId("child");
-		expect(child.parentElement?.className).not.toContain("hidden");
-	});
+  test("shows children again when toggle button is clicked twice", () => {
+    render(
+      <FoldableBorderedContainerWithCaption caption="Title">
+        <div data-testid="child">Content</div>
+      </FoldableBorderedContainerWithCaption>,
+    );
+    const toggleButton = screen.getByRole("button");
+    fireEvent.click(toggleButton);
+    fireEvent.click(toggleButton);
+    const child = screen.getByTestId("child");
+    expect(child.parentElement?.className).not.toContain("hidden");
+  });
 });