fix test

Author: rmorshea

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

@@ -4,22 +4,40 @@ import * as assert from "uvu/assert";
 import { serializeEvent } from "../src/event-to-object.js";
 import "./tooling/setup.js";
 
-function assertEqualSerializedEventData(eventData, expectedSerializedData) {
-  const mockBoundingRect = {
-    left: 0,
-    top: 0,
-    right: 0,
-    bottom: 0,
-    x: 0,
-    y: 0,
-    width: 0,
-  };
+const mockBoundingRect = {
+  left: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  x: 0,
+  y: 0,
+  width: 0,
+};
 
-  const mockElement = {
-    tagName: null,
-    getBoundingClientRect: () => mockBoundingRect,
-  };
+const mockElement = {
+  tagName: null,
+  getBoundingClientRect: () => mockBoundingRect,
+};
+
+const allTargetData = {
+  files: [
+    {
+      lastModified: 0,
+      name: "something",
+      type: "some-type",
+      size: 0,
+    },
+  ],
+  value: "something",
+  currentTime: 35,
+  tagName: null, // overwritten in tests
+  elements: [
+    { ...mockElement, tagName: "INPUT", value: "first" },
+    { ...mockElement, tagName: "INPUT", value: "second" },
+  ],
+};
 
+function assertEqualSerializedEventData(eventData, expectedSerializedData) {
   const commonEventData = {
     target: mockElement,
     currentTarget: mockElement,
@@ -38,20 +56,6 @@ function assertEqualSerializedEventData(eventData, expectedSerializedData) {
   );
 }
 
-const allTargetData = {
-  files: [
-    {
-      lastModified: 0,
-      name: "something",
-      type: "some-type",
-      size: 0,
-    },
-  ],
-  value: "something",
-  currentTime: 35,
-  tagName: null, // overwritten in tests
-};
-
 [
   {
     case: "adds 'files' and 'value' attributes for INPUT if type=file",
@@ -77,9 +81,22 @@ const allTargetData = {
     output: { target: { currentTime: allTargetData.currentTime } },
   })),
   ...["FORM"].map((tagName) => ({
-    case: `adds 'value' attribute for ${tagName} element`,
+    case: `adds 'elements' attribute for ${tagName} element`,
     tagName,
-    output: { target: { value: allTargetData.value } },
+    output: {
+      target: {
+        elements: [
+          {
+            value: "first",
+            boundingClientRect: mockBoundingRect,
+          },
+          {
+            value: "second",
+            boundingClientRect: mockBoundingRect,
+          },
+        ],
+      },
+    },
   })),
 ].forEach((expectation) => {
   test(`serializeEvent() ${expectation.case}`, () => {

temp.py

@@ -0,0 +1,20 @@
+from idom import component, event, html, run
+
+
+@component
+def Form():
+    @event(prevent_default=True)
+    def handle_form(event):
+        print(event["target"]["elements"])
+
+    return html.form(
+        {"onSubmit": handle_form},
+        html.input({"name": "firstname"}),
+        html.p("test"),
+        html.button({"type": "submit", "value": "Submit"}, "Submit"),
+        html.input({"lastname": "lastname"}),
+        html.p("tes2t"),
+    )
+
+
+run(Form)