diff options
Diffstat (limited to 'frontend/app/components/BorderedContainer.test.tsx')
| -rw-r--r-- | frontend/app/components/BorderedContainer.test.tsx | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/frontend/app/components/BorderedContainer.test.tsx b/frontend/app/components/BorderedContainer.test.tsx index 22a0aec..2f60499 100644 --- a/frontend/app/components/BorderedContainer.test.tsx +++ b/frontend/app/components/BorderedContainer.test.tsx @@ -6,28 +6,28 @@ import { afterEach, describe, expect, test } from "vitest"; import BorderedContainer from "./BorderedContainer"; afterEach(() => { - cleanup(); + cleanup(); }); describe("BorderedContainer", () => { - test("renders children", () => { - render(<BorderedContainer>Hello World</BorderedContainer>); - expect(screen.getByText("Hello World")).toBeDefined(); - }); + test("renders children", () => { + render(<BorderedContainer>Hello World</BorderedContainer>); + expect(screen.getByText("Hello World")).toBeDefined(); + }); - test("applies custom className", () => { - render( - <BorderedContainer className="custom-class">Content</BorderedContainer>, - ); - const container = screen.getByText("Content").closest("div"); - expect(container?.className).toContain("custom-class"); - }); + test("applies custom className", () => { + render( + <BorderedContainer className="custom-class">Content</BorderedContainer>, + ); + const container = screen.getByText("Content").closest("div"); + expect(container?.className).toContain("custom-class"); + }); - test("has default border styling", () => { - render(<BorderedContainer>Styled</BorderedContainer>); - const container = screen.getByText("Styled").closest("div"); - expect(container?.className).toContain("border-2"); - expect(container?.className).toContain("border-brand-600"); - expect(container?.className).toContain("rounded-xl"); - }); + test("has default border styling", () => { + render(<BorderedContainer>Styled</BorderedContainer>); + const container = screen.getByText("Styled").closest("div"); + expect(container?.className).toContain("border-2"); + expect(container?.className).toContain("border-brand-600"); + expect(container?.className).toContain("rounded-xl"); + }); }); |