add test for nested map

packages/core/src/AutoForm.test.tsx

@@ -70,7 +70,7 @@ describe("AutoForm", () => {
     ).toEqual([{ children: [""] }]);
   });
 
-  it('Add map item', async () => {
+  it('Add repeated item', async () => {
     const namespace = protobuf.parse(`
       syntax = "proto3";
 
@@ -104,4 +104,40 @@ describe("AutoForm", () => {
       "repeated element with map should work"
     ).toEqual([{ children: [{ val: {} }] }]);
   })
+
+
+  it('Add nested map', async () => {
+    const namespace = protobuf.parse(`
+      syntax = "proto3";
+
+      message Child {
+        map<string, string> val = 1;
+      }
+
+      message Parent {
+        map<string, Child> children = 1;
+      }
+    `).root;
+
+    const handleSubmit = vi.fn();
+    const dom = render(
+      <MockApp
+        onSubmit={handleSubmit}
+        namespace={namespace}
+        messageType="Parent"
+      >
+        <button id="submit" />
+      </MockApp>
+    );
+
+    fireEvent.click(dom.queryByTestId("add-btn")!);
+    await vi.waitUntil(() => dom.queryByTestId("delete-btn") !== null);
+    fireEvent.click(dom.container.querySelector("#submit")!);
+    await waitFor(() => handleSubmit.mock.calls.length === 1);
+
+    expect(
+      handleSubmit.mock.calls[0],
+      "repeated element with map should work"
+    ).toEqual([{ children: {"": {"val": {}}} }]);
+  })
 });