diff --git a/src/frontend/tests/end-to-end/toggleComponent.spec.ts b/src/frontend/tests/onlyFront/toggleComponent.spec.ts
similarity index 95%
rename from src/frontend/tests/end-to-end/toggleComponent.spec.ts
rename to src/frontend/tests/onlyFront/toggleComponent.spec.ts
index 86a4aa250..a412de1cf 100644
--- a/src/frontend/tests/end-to-end/toggleComponent.spec.ts
+++ b/src/frontend/tests/onlyFront/toggleComponent.spec.ts
@@ -1,6 +1,16 @@
 import { expect, test } from "@playwright/test";
 
 test("ToggleComponent", async ({ page }) => {
+  await page.routeFromHAR("harFiles/langflow.har", {
+    url: "**/api/v1/**",
+    update: false,
+  });
+  await page.route("**/api/v1/flows/", async (route) => {
+    const json = {
+      id: "e9ac1bdc-429b-475d-ac03-d26f9a2a3210",
+    };
+    await route.fulfill({ json, status: 201 });
+  });
   await page.goto("http://localhost:3000/");
   await page.waitForTimeout(2000);