diff --git a/tests/FileUploader.test.svelte b/tests/FileUploader.test.svelte deleted file mode 100644 index 88af294d..00000000 --- a/tests/FileUploader.test.svelte +++ /dev/null @@ -1,64 +0,0 @@ - - - { - console.log(e.detail); // File[] - }} -/> - - { - console.log(e.detail); // File[] - }} - on:remove={(e) => { - console.log(e.detail); // File[] - }} - on:change={(e) => { - console.log(e.detail); // File[] - }} -/> - - - - - - - - - - diff --git a/tests/FileUploader/FileUploader.test.svelte b/tests/FileUploader/FileUploader.test.svelte new file mode 100644 index 00000000..d277ea5e --- /dev/null +++ b/tests/FileUploader/FileUploader.test.svelte @@ -0,0 +1,40 @@ + + + { + console.log("add", e.detail); + }} + on:remove={(e) => { + console.log("remove", e.detail); + }} + on:change={(e) => { + console.log("change", e.detail); + }} +/> diff --git a/tests/FileUploader/FileUploader.test.ts b/tests/FileUploader/FileUploader.test.ts new file mode 100644 index 00000000..3b4f9ea2 --- /dev/null +++ b/tests/FileUploader/FileUploader.test.ts @@ -0,0 +1,29 @@ +import { render, screen } from "@testing-library/svelte"; +import FileUploaderTest from "./FileUploader.test.svelte"; + +describe("FileUploader", () => { + it("renders with default props", () => { + render(FileUploaderTest); + const uploader = screen.getByTestId("file-uploader"); + expect(uploader).toBeInTheDocument(); + expect(uploader).toHaveClass("bx--form-item"); + }); + + it("renders with custom labels", () => { + render(FileUploaderTest, { + labelTitle: "Custom Title", + labelDescription: "Custom Description", + buttonLabel: "Custom Button", + }); + + expect(screen.getByText("Custom Title")).toBeInTheDocument(); + expect(screen.getByText("Custom Description")).toBeInTheDocument(); + expect(screen.getByText("Custom Button")).toBeInTheDocument(); + }); + + it("renders with disabled state", () => { + render(FileUploaderTest, { disabled: true }); + const button = screen.getByLabelText("Add File"); + expect(button).toHaveAttribute("disabled"); + }); +});