jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🐛 fix(parameterComponent): fix key prop in map function to use name instead of index for better uniqueness

Browse source 
🐛 fix(parameterComponent): fix id prop in InputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in ToggleShadComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in Dropdown component to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in PromptInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in CodeInputComponent to use name instead of index for better uniqueness
🐛 fix(parameterComponent): fix id prop in IntComponent to use name instead of index for better uniqueness
🐛 fix

🔧 chore(dropdownComponent.spec.ts): comment out unused code to improve code readability and maintainability
🔧 chore(floatComponent.spec.ts): comment out unused code to improve code readability and maintainability
🔧 chore(flowPage.spec.ts): comment out unused code to improve code readability and maintainability
🔧 chore(group.spec.ts): comment out unused code to improve code readability and maintainability

🔧 chore(tests): comment out unused code in inputComponent.spec.ts, intComponent.spec.ts, keyPairListComponent.spec.ts, nestedComponent.spec.ts, saveComponents.spec.ts, and toggleComponent.spec.ts to improve code readability and reduce noise
This commit is contained in:
cristhianzl 2024-02-23 18:05:39 -03:00
commit 1b7d80a373
15 changed files with 161 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -214,7 +214,7 @@ export default function ParameterComponent({
{item.display_name === "" ? "" : " - "}
{item.display_name.split(", ").length > 2
? item.display_name.split(", ").map((el, index) => (
<React.Fragment key={el + index}>
<React.Fragment key={el + name}>
<span>
{index ===
item.display_name.split(", ").length - 1
@ -231,7 +231,7 @@ export default function ParameterComponent({
{item.type === "" ? "" : " - "}
{item.type.split(", ").length > 2
? item.type.split(", ").map((el, index) => (
<React.Fragment key={el + index}>
<React.Fragment key={el + name}>
<span>
{index === item.type.split(", ").length - 1
? el
@ -409,7 +409,7 @@ export default function ParameterComponent({
<div className="mt-2 flex w-full items-center">
<div className="w-5/6 flex-grow">
<InputComponent
id={"input-" + index}
id={"input-" + name}
disabled={disabled}
password={data.node?.template[name].password ?? false}
value={data.node?.template[name].value ?? ""}
@ -432,7 +432,7 @@ export default function ParameterComponent({
) : left === true && type === "bool" ? (
<div className="mt-2 w-full">
<ToggleShadComponent
id={"toggle-" + index}
id={"toggle-" + name}
disabled={disabled}
enabled={data.node?.template[name].value ?? false}
setEnabled={handleOnNewValue}
@ -458,7 +458,7 @@ export default function ParameterComponent({
options={data.node.template[name].options}
onSelect={handleOnNewValue}
value={data.node.template[name].value ?? "Choose an option"}
id={"dropdown-" + index}
id={"dropdown-" + name}
/>
</div>
{data.node?.template[name].refresh && (
@ -486,7 +486,7 @@ export default function ParameterComponent({
disabled={disabled}
value={data.node?.template[name].value ?? ""}
onChange={handleOnNewValue}
id={"code-input-" + index}
id={"code-input-" + name}
/>
</div>
) : left === true && type === "file" ? (
@ -507,7 +507,7 @@ export default function ParameterComponent({
disabled={disabled}
value={data.node?.template[name].value ?? ""}
onChange={handleOnNewValue}
id={"int-input-" + index}
id={"int-input-" + name}
/>
</div>
) : left === true && type === "prompt" ? (
@ -520,8 +520,8 @@ export default function ParameterComponent({
disabled={disabled}
value={data.node?.template[name].value ?? ""}
onChange={handleOnNewValue}
id={"prompt-input-" + index}
data-testid={"prompt-input-" + index}
id={"prompt-input-" + name}
data-testid={"prompt-input-" + name}
/>
</div>
) : left === true && type === "NestedDict" ? (

26
src/frontend/src/modals/EditNodeModal/index.tsx
View file

@ -242,7 +242,11 @@ const EditNodeModal = forwardRef(
/>
) : (
<InputComponent
id={"input-" + index}
id={
"input-" +
myData.node.template[templateParam]
.name
}
editNode={true}
disabled={disabled}
password={
@ -338,7 +342,10 @@ const EditNodeModal = forwardRef(
<div className="ml-auto">
{" "}
<ToggleShadComponent
id={"toggle-edit-" + index}
id={
"toggle-edit-" +
myData.node.template[templateParam].name
}
disabled={disabled}
enabled={
myData.node.template[templateParam]
@ -391,14 +398,20 @@ const EditNodeModal = forwardRef(
myData.node.template[templateParam]
.value ?? "Choose an option"
}
id={"dropdown-edit-" + index}
id={
"dropdown-edit-" +
myData.node.template[templateParam].name
}
></Dropdown>
</div>
) : myData.node?.template[templateParam]
.type === "int" ? (
<div className="mx-auto">
<IntComponent
id={"edit-int-input-" + index}
id={
"edit-int-input-" +
myData.node.template[templateParam].name
}
disabled={disabled}
editNode={true}
value={
@ -493,7 +506,10 @@ const EditNodeModal = forwardRef(
onChange={(value: string | string[]) => {
handleOnNewValue(value, templateParam);
}}
id={"code-area-edit" + index}
id={
"code-area-edit" +
myData.node.template[templateParam].name
}
/>
</div>
) : myData.node?.template[templateParam]

5
src/frontend/tests/end-to-end/codeAreaModalComponent.spec.ts
View file

@ -117,7 +117,7 @@ test("CodeAreaModalComponent", async ({ page }) => {
await page.locator('//*[@id="showcode"]').click();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
await page.locator('//*[@id="code-area-edit0"]').click();
await page.locator('//*[@id="code-area-editcode"]').click();
let value = await page.locator('//*[@id="codeValue"]').inputValue();
@ -132,6 +132,7 @@ test("CodeAreaModalComponent", async ({ page }) => {
await page.locator('//*[@id="saveChangesBtn"]').click();
await page.locator('//*[@id="code-input-0"]').click();
await page.getByTestId("div-generic-node").click();
await page.getByTestId("code-button-modal").click();
}
});

8
src/frontend/tests/end-to-end/promptModalComponent.spec.ts
View file

@ -18,15 +18,17 @@ test("PromptTemplateComponent", async ({ page }) => {
await page.mouse.up();
await page.mouse.down();
await page.getByTestId("prompt-input-0").click();
await page.getByTestId("prompt-input-template").click();
// await page.getByTestId("edit-prompt-sanitized").click();
// await page.getByTestId("modal-title").click();
await page
.getByTestId("modal-prompt-input-0")
.getByTestId("modal-prompt-input-template")
.fill("{prompt} example {prompt1}");
let value = await page.getByTestId("modal-prompt-input-0").inputValue();
let value = await page
.getByTestId("modal-prompt-input-template")
.inputValue();
if (value != "{prompt} example {prompt1}") {
expect(false).toBeTruthy();

24
src/frontend/tests/onlyFront/dragAndDrop.spec.ts
View file

@ -4,16 +4,16 @@ import { readFileSync } from "fs";
test.describe("drag and drop test", () => {
/// <reference lib="dom"/>
test("drop collection", 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.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.locator("span").filter({ hasText: "My Collection" }).isVisible();
// Read your file into a buffer.
@ -42,9 +42,7 @@ test.describe("drag and drop test", () => {
}
);
await page
.getByTestId("edit-flow-button-e9ac1bdc-429b-475d-ac03-d26f9a2a3210-0")
.click();
await page.getByText("Edit Flow").first().click();
await page.waitForTimeout(2000);
const genericNoda = page.getByTestId("div-generic-node");

44
src/frontend/tests/onlyFront/dropdownComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("dropDownComponent", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);
@ -30,18 +30,18 @@ test("dropDownComponent", async ({ page }) => {
await page.mouse.up();
await page.mouse.down();
await page.getByTestId("dropdown-2-display").click();
await page.getByTestId("dropdown-model_id-display").click();
await page.getByTestId("ai21.j2-grande-instruct-0-option").click();
let value = await page.getByTestId("dropdown-2-display").innerText();
let value = await page.getByTestId("dropdown-model_id-display").innerText();
if (value !== "ai21.j2-grande-instruct") {
expect(false).toBeTruthy();
}
await page.getByTestId("dropdown-2-display").click();
await page.getByTestId("dropdown-model_id-display").click();
await page.getByTestId("ai21.j2-jumbo-instruct-1-option").click();
value = await page.getByTestId("dropdown-2-display").innerText();
value = await page.getByTestId("dropdown-model_id-display").innerText();
if (value !== "ai21.j2-jumbo-instruct") {
expect(false).toBeTruthy();
}
@ -49,14 +49,14 @@ test("dropDownComponent", async ({ page }) => {
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();
value = await page.getByTestId("dropdown-edit-1-display").innerText();
value = await page.getByTestId("dropdown-edit-model_id-display").innerText();
if (value !== "ai21.j2-jumbo-instruct") {
expect(false).toBeTruthy();
}
// showcode
await page.locator('//*[@id="showcode"]').click();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
// showmodel_id
await page.locator('//*[@id="showmodel_id"]').click();
@ -64,7 +64,7 @@ test("dropDownComponent", async ({ page }) => {
// showcode
await page.locator('//*[@id="showcode"]').click();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
// showmodel_id
await page.locator('//*[@id="showmodel_id"]').click();
@ -74,7 +74,7 @@ test("dropDownComponent", async ({ page }) => {
// showcode
await page.locator('//*[@id="showcode"]').click();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
// showmodel_id
await page.locator('//*[@id="showmodel_id"]').click();
@ -82,7 +82,7 @@ test("dropDownComponent", async ({ page }) => {
// showcode
await page.locator('//*[@id="showcode"]').click();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
// showmodel_id
await page.locator('//*[@id="showmodel_id"]').click();
@ -90,17 +90,17 @@ test("dropDownComponent", async ({ page }) => {
await page.locator('//*[@id="showmodel_id"]').isChecked()
).toBeTruthy();
await page.getByTestId("dropdown-edit-1-display").click();
await page.getByTestId("dropdown-edit-model_id-display").click();
await page.getByTestId("ai21.j2-ultra-v1-5-option").click();
value = await page.getByTestId("dropdown-edit-1-display").innerText();
value = await page.getByTestId("dropdown-edit-model_id-display").innerText();
if (value !== "ai21.j2-ultra-v1") {
expect(false).toBeTruthy();
}
await page.locator('//*[@id="saveChangesBtn"]').click();
value = await page.getByTestId("dropdown-2-display").innerText();
value = await page.getByTestId("dropdown-model_id-display").innerText();
if (value !== "ai21.j2-ultra-v1") {
expect(false).toBeTruthy();
}

20
src/frontend/tests/onlyFront/floatComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("FloatComponent", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);

20
src/frontend/tests/onlyFront/flowPage.spec.ts
View file

@ -7,16 +7,16 @@ test.describe("Flow Page tests", () => {
}
test("save", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);

20
src/frontend/tests/onlyFront/group.spec.ts
View file

@ -4,16 +4,16 @@ import { readFileSync } from "fs";
test.describe("group node test", () => {
/// <reference lib="dom"/>
test("group and ungroup updating values", 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.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.locator("span").filter({ hasText: "My Collection" }).isVisible();
// Read your file into a buffer.

20
src/frontend/tests/onlyFront/inputComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("InputComponent", 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.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);

20
src/frontend/tests/onlyFront/intComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("IntComponent", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);

20
src/frontend/tests/onlyFront/keyPairListComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("KeypairListComponent", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);

20
src/frontend/tests/onlyFront/nestedComponent.spec.ts
View file

@ -1,16 +1,16 @@
import { expect, test } from "@playwright/test";
test("NestedComponent", async ({ page }) => {
await page.routeFromHAR("harFiles/backend_12112023.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.routeFromHAR("harFiles/backend_12112023.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);

20
src/frontend/tests/onlyFront/saveComponents.spec.ts
View file

@ -12,16 +12,16 @@ test.describe("save component tests", () => {
/// <reference lib="dom"/>
test("save group component tests", async ({ page }) => {
//make front work withoput backend
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.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.locator("span").filter({ hasText: "My Collection" }).isVisible();
// Read your file into a buffer.

20
src/frontend/tests/onlyFront/toggleComponent.spec.ts
View file

@ -1,16 +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.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);