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");
+ });
+});