130 lines
4.2 KiB
TypeScript
130 lines
4.2 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
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.goto("http:localhost:3000/");
|
|
await page.locator("span").filter({ hasText: "My Collection" }).isVisible();
|
|
// Read your file into a buffer.
|
|
const jsonContent = readFileSync(
|
|
"tests/onlyFront/assets/flow.json",
|
|
"utf-8"
|
|
);
|
|
|
|
// Create the DataTransfer and File
|
|
const dataTransfer = await page.evaluateHandle((data) => {
|
|
const dt = new DataTransfer();
|
|
// Convert the buffer to a hex array
|
|
const file = new File([data], "flow.json", {
|
|
type: "application/json",
|
|
});
|
|
dt.items.add(file);
|
|
return dt;
|
|
}, jsonContent);
|
|
|
|
// Now dispatch
|
|
await page.dispatchEvent('//*[@id="root"]/div/div[2]/div[2]', "drop", {
|
|
dataTransfer,
|
|
});
|
|
expect(
|
|
await page
|
|
.locator(".main-page-flows-display")
|
|
.evaluate((el) => el.children)
|
|
).toBeTruthy();
|
|
await page.getByRole("button", { name: "Edit Flow" }).click();
|
|
//inside the flow
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div[1]/div/div[1]/div"
|
|
)
|
|
.click({
|
|
modifiers: ["Control"],
|
|
});
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div[2]/div/div[1]/div"
|
|
)
|
|
.click({
|
|
modifiers: ["Control"],
|
|
});
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div[3]/div/div[1]/div"
|
|
)
|
|
.click({
|
|
modifiers: ["Control"],
|
|
});
|
|
await page.getByRole("button", { name: "Group" }).click();
|
|
expect(
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div/div"
|
|
)
|
|
.isVisible()
|
|
).toBeTruthy();
|
|
await page.getByPlaceholder("Type something...").first().click();
|
|
await page.getByPlaceholder("Type something...").first().fill("test");
|
|
await page.locator(".side-bar-buttons-arrangement").click();
|
|
expect(
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div/div/div[2]/div/div/div[1]/div/div[1]/div/div"
|
|
)
|
|
.textContent()
|
|
).toBe("test");
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div/div"
|
|
)
|
|
.locator('input[type="text"]')
|
|
.click();
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div/div"
|
|
)
|
|
.locator('input[type="text"]')
|
|
.fill("fieldValue");
|
|
await page.locator(".side-bar-buttons-arrangement").click();
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[1]/div/div[2]/div/div/div[1]/div"
|
|
)
|
|
.click();
|
|
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[2]/div/span/button[3]/div/div"
|
|
)
|
|
.click();
|
|
await page.getByLabel("Edit").click();
|
|
await page
|
|
.getByRole("button", { name: "zero-shot-react-description" })
|
|
.click();
|
|
await page.getByText("openai-functions").click();
|
|
await page.getByRole("button", { name: "Save Changes" }).click();
|
|
await page
|
|
.locator(
|
|
"//html/body/div/div/div[2]/div/main/div/div/div/div[1]/div[1]/div[2]/div/span/button[3]/div/div"
|
|
)
|
|
.click();
|
|
await page.getByLabel("Ungroup").click();
|
|
await expect(page.locator('//*[@id="input-2"]')).toHaveValue("fieldValue");
|
|
expect(
|
|
await page
|
|
.getByTestId(/.*rf__node-AgentInitializer.*/)
|
|
.getByRole("button", { name: "openai-functions" })
|
|
.textContent()
|
|
).toBe("openai-functions");
|
|
});
|
|
});
|