correctly serialize File object

Author: rmorshea

src/idom/client/app/packages/idom-client-react/src/event-to-object.js

@@ -1,3 +1,5 @@
+import { copyAttributes } from "./utils.js";
+
 function serializeEvent(event) {
   const data = {};
 
@@ -23,7 +25,18 @@ const targetTransformCategories = {
     currentTime: target.currentTime,
   }),
   hasFiles: (target) => {
-    return target.type && target.type == "file" ? { files: target.files } : {};
+    if (target?.type == "file") {
+      return {
+        files: Array.from(target.files).map((file) => ({
+          lastModified: file.lastModified,
+          name: file.name,
+          size: file.size,
+          type: file.type,
+        })),
+      };
+    } else {
+      return {};
+    }
   },
 };
 

src/idom/client/app/packages/idom-client-react/tests/event-to-object.test.js

@@ -4,7 +4,14 @@ import serializeEvent from "../src/event-to-object.js";
 import "./tooling/setup.js";
 
 const allTargetData = {
-  files: ["path/to/some/file"],
+  files: [
+    {
+      lastModified: 0,
+      name: "something",
+      type: "some-type",
+      size: 0,
+    },
+  ],
   value: "something",
   currentTime: 35,
   tagName: null, // overwritten in tests