af4fb3774e* 📝 (GlobalVariableModal.tsx): Refactor GlobalVariableModal component to use Tabs component instead of Select for type selection and improve layout and styling of input fields and labels 🔧 (index.tsx): Add popoverWidth prop to InputComponent to allow setting the width of the popover in CustomInputPopover component 🔧 (index.tsx): Add popoverWidth prop to InputComponent in InputGlobalComponent to set the width of the popover to 315px ✨ (tabs-button.tsx): introduce new TabsButton component to handle tab functionality in UI components 📝 (tabs-button.tsx): add documentation for Tabs, TabsContent, TabsList, TabsTrigger components 📝 (components/index.ts): add popoverWidth property to InputComponentType to control the width of the popover in UI components * ✨ (GlobalVariableModal.tsx): Add ForwardedIconComponent to display an icon next to the modal header text for better visual representation 📝 (GlobalVariableModal.tsx): Update TabsTrigger components to include data-testid attribute for testing purposes ✨ (index.tsx): Introduce new components OptionBadge, CommandItemContent, and SelectionIndicator to improve code organization and reusability ♻️ (index.tsx): Refactor handleRemoveOption function to have a more descriptive parameter signature and improve readability 📝 (index.tsx): Add comments to clarify the purpose of handleOptionSelect function and improve code documentation 📝 (index.tsx): Add comments to describe the purpose of getInputClassName and getAnchorClassName functions for better code understanding ✨ (globalVariables.spec.ts): improve placeholder text for variable name and value fields for better user understanding and experience * 🐛 (GlobalVariableModal.tsx): Fix disabled state logic for TabsTrigger components to correctly reflect initialData type 📝 (GlobalVariableModal.tsx): Update label for submit button to dynamically change based on the presence of initialData * 🐛 (index.tsx): Fix issue where options were not being correctly memoized as a Set to prevent unnecessary re-renders. Update memoizedOptions to correctly memoize options as a Set. * 📝 (userSettings.spec.ts): Update placeholder text for variable name and value fields to improve clarity and user experience.
66 lines
2.5 KiB
TypeScript
66 lines
2.5 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { adjustScreenView } from "../../utils/adjust-screen-view";
|
|
import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
|
|
|
|
test(
|
|
"user must be able to save or delete a global variable",
|
|
{ tag: ["@release", "@workspace", "@api"] },
|
|
async ({ page }) => {
|
|
await awaitBootstrapTest(page);
|
|
|
|
await page.waitForSelector('[data-testid="blank-flow"]', {
|
|
timeout: 30000,
|
|
});
|
|
await page.getByTestId("blank-flow").click();
|
|
await page.getByTestId("sidebar-search-input").click();
|
|
await page.getByTestId("sidebar-search-input").fill("openai");
|
|
|
|
await page.waitForSelector('[data-testid="modelsOpenAI"]', {
|
|
timeout: 1000,
|
|
});
|
|
|
|
await page
|
|
.getByTestId("modelsOpenAI")
|
|
.dragTo(page.locator('//*[@id="react-flow-id"]'));
|
|
await page.mouse.up();
|
|
await page.mouse.down();
|
|
|
|
await adjustScreenView(page);
|
|
|
|
const genericName = Math.random().toString();
|
|
const credentialName = Math.random().toString();
|
|
|
|
await page.getByTestId("icon-Globe").nth(0).click();
|
|
await page.getByText("Add New Variable", { exact: true }).click();
|
|
await page
|
|
.getByPlaceholder("Enter a name for the variable...")
|
|
.fill(genericName);
|
|
await page.getByText("Generic", { exact: true }).first().isVisible();
|
|
await page
|
|
.getByPlaceholder("Enter a value for the variable...")
|
|
.fill("This is a test of generic variable value");
|
|
await page.getByText("Save Variable", { exact: true }).click();
|
|
expect(page.getByText(genericName, { exact: true })).not.toBeNull();
|
|
await page.getByText(genericName, { exact: true }).isVisible();
|
|
|
|
await page.getByText("Add New Variable", { exact: true }).click();
|
|
await page
|
|
.getByPlaceholder("Enter a name for the variable...")
|
|
.fill(credentialName);
|
|
await page.getByTestId("credential-tab").click();
|
|
await page
|
|
.getByPlaceholder("Enter a value for the variable...")
|
|
.fill("This is a test of credential variable value");
|
|
await page.getByText("Save Variable", { exact: true }).click();
|
|
expect(page.getByText(credentialName, { exact: true })).not.toBeNull();
|
|
await page.getByText(credentialName, { exact: true }).isVisible();
|
|
|
|
await page
|
|
.getByText(credentialName, { exact: true })
|
|
.hover()
|
|
.then(async () => {
|
|
await page.getByTestId("icon-Trash2").last().click();
|
|
await page.getByText("Delete", { exact: true }).nth(1).click();
|
|
});
|
|
},
|
|
);
|