tests: add freeze component feature test (#3365)
✨ (freeze.spec.ts): Add end-to-end test for freezing a component to ensure the functionality works as expected.
This commit is contained in:
Cristhian Zanforlin Lousa
GitHub
parent
0f2729da8d
commit
08d2d89e4f
1 changed files with 334 additions and 0 deletions
334
src/frontend/tests/end-to-end/freeze.spec.ts
Normal file
334
src/frontend/tests/end-to-end/freeze.spec.ts
Normal file
|
|
@ -0,0 +1,334 @@
|
||||||
|
import { expect, test } from "@playwright/test";
|
||||||
|
import * as dotenv from "dotenv";
|
||||||
|
import path from "path";
|
||||||
|
|
||||||
|
test("user must be able to freeze a component", async ({ page }) => {
|
||||||
|
await page.goto("/");
|
||||||
|
await page.waitForTimeout(2000);
|
||||||
|
|
||||||
|
let modalCount = 0;
|
||||||
|
try {
|
||||||
|
const modalTitleElement = await page?.getByTestId("modal-title");
|
||||||
|
if (modalTitleElement) {
|
||||||
|
modalCount = await modalTitleElement.count();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
modalCount = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
while (modalCount === 0) {
|
||||||
|
await page.getByText("New Project", { exact: true }).click();
|
||||||
|
await page.waitForTimeout(5000);
|
||||||
|
modalCount = await page.getByTestId("modal-title")?.count();
|
||||||
|
}
|
||||||
|
|
||||||
|
await page.getByRole("heading", { name: "Blank Flow" }).click();
|
||||||
|
|
||||||
|
//first component
|
||||||
|
|
||||||
|
await page.getByTestId("extended-disclosure").click();
|
||||||
|
await page.getByPlaceholder("Search").click();
|
||||||
|
await page.getByPlaceholder("Search").fill("text input");
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("inputsText Input")
|
||||||
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
||||||
|
|
||||||
|
await page.getByTitle("zoom out").click();
|
||||||
|
await page
|
||||||
|
.locator('//*[@id="react-flow-id"]')
|
||||||
|
.hover()
|
||||||
|
.then(async () => {
|
||||||
|
await page.mouse.down();
|
||||||
|
await page.mouse.move(-800, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//second component
|
||||||
|
|
||||||
|
await page.getByTestId("extended-disclosure").click();
|
||||||
|
await page.getByPlaceholder("Search").click();
|
||||||
|
await page.getByPlaceholder("Search").fill("url");
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("dataURL")
|
||||||
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
||||||
|
|
||||||
|
await page.getByTitle("zoom out").click();
|
||||||
|
await page
|
||||||
|
.locator('//*[@id="react-flow-id"]')
|
||||||
|
.hover()
|
||||||
|
.then(async () => {
|
||||||
|
await page.mouse.down();
|
||||||
|
await page.mouse.move(-800, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//third component
|
||||||
|
|
||||||
|
await page.getByTestId("extended-disclosure").click();
|
||||||
|
await page.getByPlaceholder("Search").click();
|
||||||
|
await page.getByPlaceholder("Search").fill("split text");
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("helpersSplit Text")
|
||||||
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
||||||
|
|
||||||
|
await page.getByTitle("zoom out").click();
|
||||||
|
await page
|
||||||
|
.locator('//*[@id="react-flow-id"]')
|
||||||
|
.hover()
|
||||||
|
.then(async () => {
|
||||||
|
await page.mouse.down();
|
||||||
|
await page.mouse.move(-800, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//fourth component
|
||||||
|
|
||||||
|
await page.getByTestId("extended-disclosure").click();
|
||||||
|
await page.getByPlaceholder("Search").click();
|
||||||
|
await page.getByPlaceholder("Search").fill("parse data");
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("helpersParse Data")
|
||||||
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
||||||
|
|
||||||
|
await page.getByTitle("zoom out").click();
|
||||||
|
await page
|
||||||
|
.locator('//*[@id="react-flow-id"]')
|
||||||
|
.hover()
|
||||||
|
.then(async () => {
|
||||||
|
await page.mouse.down();
|
||||||
|
await page.mouse.move(-800, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//fifth component
|
||||||
|
|
||||||
|
await page.getByTestId("extended-disclosure").click();
|
||||||
|
await page.getByPlaceholder("Search").click();
|
||||||
|
await page.getByPlaceholder("Search").fill("chat output");
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("outputsChat Output")
|
||||||
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
||||||
|
|
||||||
|
await page.getByTitle("zoom out").click();
|
||||||
|
await page
|
||||||
|
.locator('//*[@id="react-flow-id"]')
|
||||||
|
.hover()
|
||||||
|
.then(async () => {
|
||||||
|
await page.mouse.down();
|
||||||
|
await page.mouse.move(-800, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
let outdatedComponents = await page.getByTestId("icon-AlertTriangle").count();
|
||||||
|
|
||||||
|
while (outdatedComponents > 0) {
|
||||||
|
await page.getByTestId("icon-AlertTriangle").first().click();
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
outdatedComponents = await page.getByTestId("icon-AlertTriangle").count();
|
||||||
|
}
|
||||||
|
|
||||||
|
await page.getByTitle("fit view").click();
|
||||||
|
|
||||||
|
//connection 1
|
||||||
|
const urlOutput = await page
|
||||||
|
.getByTestId("handle-url-shownode-data-right")
|
||||||
|
.nth(0);
|
||||||
|
await urlOutput.hover();
|
||||||
|
await page.mouse.down();
|
||||||
|
const splitTextInputData = await page.getByTestId(
|
||||||
|
"handle-splittext-shownode-data inputs-left",
|
||||||
|
);
|
||||||
|
await splitTextInputData.hover();
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//connection 2
|
||||||
|
const textOutput = await page
|
||||||
|
.getByTestId("handle-textinput-shownode-text-right")
|
||||||
|
.nth(0);
|
||||||
|
await textOutput.hover();
|
||||||
|
await page.mouse.down();
|
||||||
|
const splitTextInput = await page.getByTestId(
|
||||||
|
"handle-splittext-shownode-separator-left",
|
||||||
|
);
|
||||||
|
await splitTextInput.hover();
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
await page.getByTitle("fit view").click();
|
||||||
|
|
||||||
|
//connection 3
|
||||||
|
const splitTextOutput = await page
|
||||||
|
.getByTestId("handle-splittext-shownode-chunks-right")
|
||||||
|
.nth(0);
|
||||||
|
await splitTextOutput.hover();
|
||||||
|
await page.mouse.down();
|
||||||
|
const parseDataInput = await page.getByTestId(
|
||||||
|
"handle-parsedata-shownode-data-left",
|
||||||
|
);
|
||||||
|
await parseDataInput.hover();
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
//connection 4
|
||||||
|
const parseDataOutput = await page
|
||||||
|
.getByTestId("handle-parsedata-shownode-text-right")
|
||||||
|
.nth(0);
|
||||||
|
await parseDataOutput.hover();
|
||||||
|
await page.mouse.down();
|
||||||
|
const chatOutputInput = await page.getByTestId(
|
||||||
|
"handle-chatoutput-shownode-text-left",
|
||||||
|
);
|
||||||
|
await chatOutputInput.hover();
|
||||||
|
await page.mouse.up();
|
||||||
|
|
||||||
|
await page.getByTitle("fit view").click();
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("popover-anchor-input-input_value")
|
||||||
|
.first()
|
||||||
|
.fill("lorem ipsum");
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("inputlist_str_urls_0")
|
||||||
|
.fill("https://www.lipsum.com/");
|
||||||
|
|
||||||
|
await page.getByTestId("button_run_chat output").click();
|
||||||
|
|
||||||
|
await page.waitForSelector("text=built successfully", { timeout: 30000 });
|
||||||
|
|
||||||
|
await page.getByText("built successfully").last().click({
|
||||||
|
timeout: 15000,
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.waitForTimeout(2000);
|
||||||
|
|
||||||
|
await page.getByTestId("output-inspection-message").first().click();
|
||||||
|
|
||||||
|
await page.getByRole("gridcell").first().click();
|
||||||
|
|
||||||
|
const firstRunWithoutFreezing = await page
|
||||||
|
.getByPlaceholder("Empty")
|
||||||
|
.textContent();
|
||||||
|
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
|
||||||
|
await page.getByTestId("popover-anchor-input-input_value").first().fill(",");
|
||||||
|
|
||||||
|
await page.getByTestId("button_run_chat output").click();
|
||||||
|
|
||||||
|
await page.waitForSelector("text=built successfully", { timeout: 30000 });
|
||||||
|
|
||||||
|
await page.getByText("built successfully").last().click({
|
||||||
|
timeout: 15000,
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.waitForTimeout(2000);
|
||||||
|
|
||||||
|
await page.getByTestId("output-inspection-message").first().click();
|
||||||
|
|
||||||
|
await page.getByRole("gridcell").first().click();
|
||||||
|
|
||||||
|
const secondRunWithoutFreezing = await page
|
||||||
|
.getByPlaceholder("Empty")
|
||||||
|
.textContent();
|
||||||
|
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
|
||||||
|
await page.getByText("Split Text", { exact: true }).click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.getByTestId("more-options-modal").click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.getByTestId("icon-Snowflake").click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.keyboard.press("Escape");
|
||||||
|
|
||||||
|
await page.locator('//*[@id="react-flow-id"]').click();
|
||||||
|
|
||||||
|
await page
|
||||||
|
.getByTestId("popover-anchor-input-input_value")
|
||||||
|
.first()
|
||||||
|
.fill("lorem ipsum");
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.getByTestId("button_run_chat output").click();
|
||||||
|
|
||||||
|
await page.waitForSelector("text=built successfully", { timeout: 30000 });
|
||||||
|
|
||||||
|
await page.getByText("built successfully").last().click({
|
||||||
|
timeout: 15000,
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.waitForTimeout(2000);
|
||||||
|
|
||||||
|
await page.getByTestId("output-inspection-message").first().click();
|
||||||
|
|
||||||
|
await page.getByRole("gridcell").first().click();
|
||||||
|
|
||||||
|
const firstTextFreezed = await page.getByPlaceholder("Empty").textContent();
|
||||||
|
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
await page.getByText("Close").last().click();
|
||||||
|
|
||||||
|
await page.getByText("Split Text", { exact: true }).click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.getByTestId("more-options-modal").click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.getByTestId("icon-Snowflake").last().click();
|
||||||
|
|
||||||
|
await page.waitForTimeout(1000);
|
||||||
|
|
||||||
|
await page.keyboard.press("Escape");
|
||||||
|
|
||||||
|
await page.locator('//*[@id="react-flow-id"]').click();
|
||||||
|
|
||||||
|
await page.getByTestId("button_run_chat output").click();
|
||||||
|
|
||||||
|
await page.waitForSelector("text=built successfully", { timeout: 30000 });
|
||||||
|
|
||||||
|
await page.getByText("built successfully").last().click({
|
||||||
|
timeout: 15000,
|
||||||
|
});
|
||||||
|
|
||||||
|
await page.waitForTimeout(2000);
|
||||||
|
|
||||||
|
await page.getByTestId("output-inspection-message").first().click();
|
||||||
|
|
||||||
|
await page.getByRole("gridcell").first().click();
|
||||||
|
|
||||||
|
const thirdTextWithoutFreezing = await page
|
||||||
|
.getByPlaceholder("Empty")
|
||||||
|
.textContent();
|
||||||
|
|
||||||
|
expect(secondRunWithoutFreezing).toBe(firstTextFreezed);
|
||||||
|
|
||||||
|
expect(firstRunWithoutFreezing).not.toBe(firstTextFreezed);
|
||||||
|
expect(firstRunWithoutFreezing).not.toBe(secondRunWithoutFreezing);
|
||||||
|
expect(firstRunWithoutFreezing).not.toBe(firstTextFreezed);
|
||||||
|
expect(thirdTextWithoutFreezing).not.toBe(firstTextFreezed);
|
||||||
|
});
|
||||||
Loading…
Add table
Add a link
Reference in a new issue