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

Feature/store (#1186)

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-12-07 15:44:43 -03:00 • committed by GitHub
commit 861de3ce4b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 51 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -378,6 +378,7 @@ export default function ParameterComponent({
value={data.node.template[name].value ?? ""}
onChange={handleOnNewValue}
id={"textarea-" + index}
data-testid={"textarea-" + index}
/>
) : (
<InputComponent
@ -488,6 +489,7 @@ export default function ParameterComponent({
handleOnNewValue(e);
}}
id={"prompt-input-" + index}
data-testid={"prompt-input-" + index}
/>
</div>
) : left === true && type === "NestedDict" ? (

1
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -164,6 +164,7 @@ export default function GenericNode({
)}
<div>
<div
data-testid={'div-generic-node'}
className={
"generic-node-div-title " +
(!showNode

3
src/frontend/src/components/textAreaComponent/index.tsx
View file

@ -34,9 +34,10 @@ export default function TextAreaComponent({
onChange(value);
}}
>
<div className="flex w-full items-center">
<div className="flex w-full items-center" data-testid={"div-" + id}>
<Input
id={id}
data-testid={id}
value={value}
disabled={disabled}
className={

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

@ -222,6 +222,7 @@ const EditNodeModal = forwardRef(
.multiline ? (
<TextAreaComponent
id={"textarea-edit-" + index}
data-testid={"textarea-edit-" + index}
disabled={disabled}
editNode={true}
value={
@ -449,6 +450,9 @@ const EditNodeModal = forwardRef(
handleOnNewValue(value, templateParam);
}}
id={"prompt-area-edit" + index}
data-testid={
"modal-prompt-input-" + index
}
/>
</div>
) : myData.node?.template[templateParam]

4
src/frontend/src/modals/genericModal/index.tsx
View file

@ -181,7 +181,9 @@ export default function GenericModal({
}
})()}
>
<span className="pr-2">{myModalTitle}</span>
<span className="pr-2" data-testid="modal-title">
{myModalTitle}
</span>
<IconComponent
name="FileText"
className="h-6 w-6 pl-1 text-primary "

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

@ -14,7 +14,8 @@ test.describe("Flow Page tests", () => {
.filter({ hasText: /^Custom Component$/ })
.nth(4)
.dragTo(page.locator(".react-flow__pane"));
await page.getByTestId("icon-ExternalLink").click();
await page.locator('//*[@id="checkAndSaveBtn"]').click();
// await page.getByTestId("icon-ExternalLink").click();
// await page.locator('//*[@id="checkAndSaveBtn"]').click();
});
});

24
src/frontend/tests/end-to-end/keyPairListComponent.spec.ts
View file

@ -25,10 +25,10 @@ test("KeypairListComponent", async ({ page }) => {
.locator('//*[@id="keypair100"]')
.fill("test test test test test test");
await page.waitForTimeout(1000);
await page.getByTestId("div-generic-node").click();
const valueWithSpace = await page.getByTestId("keypair100").inputValue();
console.log(valueWithSpace);
await page.getByTestId("div-generic-node").click();
if (valueWithSpace !== "test test test test test test") {
expect(false).toBeTruthy();
@ -39,19 +39,29 @@ test("KeypairListComponent", async ({ page }) => {
if (elementCountNode > 0) {
await plusButtonLocatorNode.click();
}
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="keypair1"]').click();
await page.locator('//*[@id="keypair1"]').fill("testtesttesttest1");
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="keypair101"]').click();
await page.locator('//*[@id="keypair101"]').fill("testtesttesttesttesttest1");
await page.locator('//*[@id="plusbtn2"]').click();
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="plusbtn1"]').click();
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="keypair2"]').click();
await page.locator('//*[@id="keypair2"]').fill("testtesttesttest2");
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="keypair102"]').click();
await page.locator('//*[@id="keypair102"]').fill("testtesttesttesttesttest2");
await page.getByTestId("div-generic-node").click();
await page.locator('//*[@id="minusbtn1"]').click();
await page.getByTestId("div-generic-node").click();
const keyPairVerification = page.locator('//*[@id="keypair102"]');
const elementKeyCount = await keyPairVerification.count();
@ -77,6 +87,7 @@ test("KeypairListComponent", async ({ page }) => {
const elementCount = await plusButtonLocator.count();
if (elementCount === 0) {
expect(true).toBeTruthy();
await page.getByTestId("div-generic-node").click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();
@ -126,16 +137,19 @@ test("KeypairListComponent", async ({ page }) => {
if (elementKeyCount === 0) {
await page.locator('//*[@id="saveChangesBtn"]').click();
await page.getByTestId("div-generic-node").click();
const key1 = await page.locator('//*[@id="keypair0"]').inputValue();
const value1 = await page.locator('//*[@id="keypair100"]').inputValue();
const key2 = await page.locator('//*[@id="keypair1"]').inputValue();
const value2 = await page.locator('//*[@id="keypair101"]').inputValue();
await page.getByTestId("div-generic-node").click();
if (
key1 === "testtesttesttest" &&
value1 === "test test test test test test" &&
key2 === "testtesttesttest1" &&
value2 === "testtesttesttesttesttest1"
key2 === "testtesttesttest2" &&
value2 === "testtesttesttesttesttest2"
) {
expect(true).toBeTruthy();
} else {

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

@ -228,12 +228,4 @@ test("NestedComponent", async ({ page }) => {
await page.locator('//*[@id="saveChangesBtn"]').click();
await page.getByTestId("div-dict-input").click();
const spanElement = await page
.locator('//*[@id="radix-:r4i:"]/div[2]/div/div/code/div/div/span[1]')
.innerHTML();
if (spanElement !== "yourkey") {
expect(true).toBeFalsy();
}
});

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

@ -18,13 +18,15 @@ test("PromptTemplateComponent", async ({ page }) => {
await page.mouse.up();
await page.mouse.down();
await page.getByTestId("prompt-input-4-ExternalLink").click();
await page.getByTestId("prompt-input-0").click();
// await page.getByTestId("edit-prompt-sanitized").click();
// await page.getByTestId("modal-title").click();
await page
.getByTestId("modal-prompt-input-4")
.getByTestId("modal-prompt-input-0")
.fill("{prompt} example {prompt1}");
let value = await page.getByTestId("modal-prompt-input-4").inputValue();
let value = await page.getByTestId("modal-prompt-input-0").inputValue();
if (value != "{prompt} example {prompt1}") {
expect(false).toBeTruthy();
@ -40,9 +42,9 @@ test("PromptTemplateComponent", async ({ page }) => {
expect(false).toBeTruthy();
}
await page.locator('//*[@id="genericModalBtnSave"]').click();
await page.getByTestId("genericModalBtnSave").click();
await page.getByTestId("textarea-4-ExternalLink").click();
await page.getByTestId("div-textarea-5").click();
await page.getByTestId("text-area-modal").fill("prompt_value_!@#!@#");
value = await page.getByTestId("text-area-modal").inputValue();
@ -53,7 +55,7 @@ test("PromptTemplateComponent", async ({ page }) => {
await page.getByTestId("genericModalBtnSave").click();
await page.getByTestId("textarea-5-ExternalLink").click();
await page.getByTestId("div-textarea-6").click();
await page
.getByTestId("text-area-modal")
.fill("prompt_name_test_123123!@#!@#");
@ -144,12 +146,6 @@ test("PromptTemplateComponent", async ({ page }) => {
if (elementCount === 0) {
expect(true).toBeTruthy();
await page
.locator(
'//*[@id="react-flow-id"]/div[1]/div[1]/div[1]/div/div[2]/div/div/div[1]/div/div[1]'
)
.click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();

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

@ -39,11 +39,8 @@ test("InputComponent", async ({ page }) => {
expect(false).toBeTruthy();
}
await page
.locator(
'//*[@id="react-flow-id"]/div[1]/div[1]/div[1]/div/div[2]/div/div/div[1]/div/div[1]/div'
)
.click();
await page.getByTestId("div-generic-node").click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();
@ -150,11 +147,8 @@ test("InputComponent", async ({ page }) => {
if (elementCount === 0) {
expect(true).toBeTruthy();
await page
.locator(
'//*[@id="react-flow-id"]/div[1]/div[1]/div[1]/div/div[2]/div/div/div[1]/div/div[1]/div'
)
.click();
await page.getByTestId("div-generic-node").click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();

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

@ -26,12 +26,8 @@ test("ToggleComponent", async ({ page }) => {
.dragTo(page.locator('//*[@id="react-flow-id"]'));
await page.mouse.up();
await page.mouse.down();
await page.getByTestId("div-generic-node").click();
await page
.locator(
'//*[@id="react-flow-id"]/div[1]/div[1]/div/div/div[2]/div/div/div[1]/div'
)
.click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();
@ -57,11 +53,8 @@ test("ToggleComponent", async ({ page }) => {
await page.locator('//*[@id="toggle-1"]').click();
expect(await page.locator('//*[@id="toggle-1"]').isChecked()).toBeFalsy();
await page
.locator(
'//*[@id="react-flow-id"]/div[1]/div[1]/div/div/div[2]/div/div/div[1]/div'
)
.click();
await page.getByTestId("div-generic-node").click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();
@ -141,9 +134,8 @@ test("ToggleComponent", async ({ page }) => {
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.getByTestId("div-generic-node").click();
await page.getByTestId("more-options-modal").click();
await page.getByTestId("edit-button-modal").click();