fix(form): ensure file names end with a period for useFileUpload exte…

…nsions
mlaursen · Sep 10, 2021 · 9238140 · 9238140
1 parent b2875b1
commit 9238140
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/form/src/file-input/__tests__/useFileUpload.tsx b/packages/form/src/file-input/__tests__/useFileUpload.tsx
@@ -534,6 +534,8 @@ describe("useFileUpload", () => {
     expect(input).toHaveAttribute("accept", ".svg,.png");
 
     userEvent.upload(input, createFile("Invalid.txt", 1000));
+    userEvent.upload(input, createFile("Invalidpng", 1000));
+    userEvent.upload(input, createFile("Invalidsvg", 1000));
 
     expect(readAsArrayBuffer).not.toBeCalled();
 

diff --git a/packages/form/src/file-input/utils.ts b/packages/form/src/file-input/utils.ts
@@ -406,7 +406,7 @@ export function validateFiles<CustomError>(
   const extraFiles: File[] = [];
   const nameRegExp =
     extensions.length > 0
-      ? new RegExp(`.(${extensions.join("|")})$`, "i")
+      ? new RegExp(`\\.(${extensions.join("|")})$`, "i")
       : undefined;
 
   let maxFilesReached = maxFiles > 0 && totalFiles >= maxFiles;