created test to save flow and fix bug on nested dict

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -423,7 +423,8 @@ export default function ParameterComponent({
               disabled={disabled}
               editNode={false}
               value={
-                data.node!.template[name].value.toString() === "{}"
+                !data.node!.template[name].value ||
+                data.node!.template[name].value?.toString() === "{}"
                   ? {
                       yourkey: "value",
                     }

src/frontend/src/components/dictComponent/index.tsx

@@ -22,7 +22,7 @@ export default function DictComponent({
   }, [value]);
 
   const ref = useRef(value);
-
+  debugger;
   return (
     <div
       className={classNames(

src/frontend/tests/flowPage.spec.ts

@@ -0,0 +1,20 @@
+import { Page, test } from "@playwright/test";
+
+test.describe("Flow Page tests", () => {
+  async function goToFlowPage(page: Page) {
+    await page.goto("http://localhost:3000/");
+    await page.getByRole("button", { name: "New Project" }).click();
+  }
+
+  test("save", async ({ page }) => {
+    await goToFlowPage(page);
+    await page.getByRole("button", { name: "Custom" }).click();
+    await page
+      .locator("div")
+      .filter({ hasText: /^Custom Component$/ })
+      .nth(4)
+      .dragTo(page.locator(".react-flow__pane"));
+    await page.locator("div:nth-child(4) > .extra-side-bar-buttons").click();
+    await page.locator(".success-alert").click();
+  });
+});

src/frontend/tests/test-1.spec.ts

@@ -0,0 +1,5 @@
+import { test } from "@playwright/test";
+
+test("test", async ({ page }) => {
+  // Recording...
+});