created test to save flow and fix bug on nested dict

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...
+});