88657553cb
fix(codeAreaComponent): add id prop to Input component for accessibility and testing purposes fix(promptComponent): add id prop to GenericModal and span elements for accessibility and testing purposes fix(textAreaComponent): add id prop to Input component for accessibility and testing purposes fix(EditNodeModal): add unique id to textarea and input components for accessibility and testing purposes fix(codeAreaModal): add id prop to Input component for accessibility and testing purposes fix(genericModal): add id prop to GenericModal and span elements for accessibility and testing purposes fix(components/types): add id prop to component types for consistency and future use feat(tests): add tests for CodeAreaModalComponent and PromptTemplateComponent
144 lines
4.8 KiB
TypeScript
144 lines
4.8 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
test("CodeAreaModalComponent", async ({ page }) => {
|
|
await page.goto("http://localhost:3000/");
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.locator('//*[@id="new-project-btn"]').click();
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page.getByPlaceholder("Search").click();
|
|
await page.getByPlaceholder("Search").fill("pythonfunctiontool");
|
|
|
|
await page.waitForTimeout(2000);
|
|
|
|
await page
|
|
.locator('//*[@id="sidePythonFunctionTool"]')
|
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
|
await page.mouse.up();
|
|
await page.mouse.down();
|
|
|
|
await page.locator('//*[@id="code-input-0"]').click();
|
|
|
|
let value = await page.locator('//*[@id="codeValue"]').inputValue();
|
|
|
|
if (
|
|
value !=
|
|
'def python_function(text: str) -> str: """This is a default python function that returns the input text""" return text'
|
|
) {
|
|
expect(false).toBeTruthy();
|
|
}
|
|
|
|
await page.locator('//*[@id="checkAndSaveBtn"]').click();
|
|
|
|
await page
|
|
.locator('//*[@id="react-flow-id"]/div[1]/div[1]/div[1]/div/div[2]/div')
|
|
.click();
|
|
await page.locator('//*[@id="advancedIcon"]').click();
|
|
await page.locator('//*[@id="editAdvancedBtn"]').click();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showdescription"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showdescription"]').isChecked()
|
|
).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showname"]').click();
|
|
expect(await page.locator('//*[@id="showname"]').isChecked()).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showreturn_direct"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showreturn_direct"]').isChecked()
|
|
).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showdescription"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showdescription"]').isChecked()
|
|
).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showname"]').click();
|
|
expect(await page.locator('//*[@id="showname"]').isChecked()).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showreturn_direct"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showreturn_direct"]').isChecked()
|
|
).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showdescription"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showdescription"]').isChecked()
|
|
).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showname"]').click();
|
|
expect(await page.locator('//*[@id="showname"]').isChecked()).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showreturn_direct"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showreturn_direct"]').isChecked()
|
|
).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showdescription"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showdescription"]').isChecked()
|
|
).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showname"]').click();
|
|
expect(await page.locator('//*[@id="showname"]').isChecked()).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showreturn_direct"]').click();
|
|
expect(
|
|
await page.locator('//*[@id="showreturn_direct"]').isChecked()
|
|
).toBeTruthy();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeFalsy();
|
|
|
|
await page.locator('//*[@id="saveChangesBtn"]').click();
|
|
|
|
const plusButtonLocator = page.locator('//*[@id="code-input-0"]');
|
|
const elementCount = await plusButtonLocator.count();
|
|
if (elementCount === 0) {
|
|
expect(true).toBeTruthy();
|
|
|
|
await page
|
|
.locator('//*[@id="react-flow-id"]/div[1]/div[1]/div[1]/div/div[2]/div')
|
|
.click();
|
|
await page.locator('//*[@id="advancedIcon"]').click();
|
|
await page.locator('//*[@id="editAdvancedBtn"]').click();
|
|
|
|
await page.locator('//*[@id="showcode"]').click();
|
|
expect(await page.locator('//*[@id="showcode"]').isChecked()).toBeTruthy();
|
|
|
|
await page
|
|
.locator(
|
|
'//*[@id="radix-:r2l:"]/div[2]/div/div[2]/div/div/div/table/tbody/tr[1]/td[2]/div/div/button/div/span'
|
|
)
|
|
.click();
|
|
|
|
let value = await page.locator('//*[@id="codeValue"]').inputValue();
|
|
|
|
if (
|
|
value !=
|
|
'def python_function(text: str) -> str: """This is a default python function that returns the input text""" return text'
|
|
) {
|
|
expect(false).toBeTruthy();
|
|
}
|
|
|
|
await page.locator('//*[@id="checkAndSaveBtn"]').click();
|
|
|
|
await page.locator('//*[@id="saveChangesBtn"]').click();
|
|
|
|
await page.locator('//*[@id="code-input-0"]').click();
|
|
}
|
|
});
|