src/frontend/tests/extended/features/userSettings.spec.ts

import { test } from "@playwright/test";

test(
  "should see general profile gradient",
  { tag: ["@release"] },

  async ({ page }) => {
    await page.goto("/");
    await page.waitForSelector('[data-testid="mainpage_title"]', {
      timeout: 30000,
    });

    await page.waitForSelector('[id="new-project-btn"]', {
      timeout: 30000,
    });
    await page.getByTestId("user-profile-settings").click();
    await page.waitForTimeout(1000);

    await page.getByText("Settings").click();
    await page.waitForTimeout(2000);

    await page.getByText("General").nth(2).isVisible();
    await page.getByText("Profile Gradient").isVisible();
  },
);

test(
  "should interact with global variables",
  { tag: ["@release", "@workspace", "@api"] },

  async ({ page }) => {
    const randomName = Math.random().toString(36).substring(2);
    const randomName2 = Math.random().toString(36).substring(2);
    const randomName3 = Math.random().toString(36).substring(2);

    await page.goto("/");
    await page.waitForTimeout(1000);
    await page.getByTestId("user-profile-settings").click();
    await page.getByText("Settings").click();
    await page.getByText("Global Variables").click();
    await page.getByText("Global Variables").nth(2);
    await page
      .getByText("Global Variables", { exact: true })
      .nth(1)
      .isVisible();
    await page.getByText("Add New").click();
    await page
      .getByPlaceholder("Insert a name for the variable...")
      .fill(randomName);
    await page.getByTestId("select-type-global-variables").first().click();
    await page.getByText("Generic", { exact: true }).last().isVisible();
    await page.getByText("Generic", { exact: true }).last().click();

    await page
      .getByPlaceholder("Insert a value for the variable...")
      .fill("testtesttesttesttesttesttesttest");
    await page.getByTestId("popover-anchor-apply-to-fields").click();

    await page.waitForTimeout(1000);

    await page.getByPlaceholder("Search options...").fill("System");

    await page.waitForTimeout(500);

    await page.waitForSelector("text=System", { timeout: 30000 });

    await page.waitForTimeout(500);

    await page.getByText("System").last().click();

    await page.getByPlaceholder("Search options...").fill("openAI");

    await page.waitForSelector("text=openai", { timeout: 30000 });

    await page.waitForTimeout(500);

    await page.getByText("openai").last().click();

    await page.waitForTimeout(500);

    await page.getByPlaceholder("Search options...").fill("ollama");

    await page.keyboard.press("Escape");
    await page.getByText("Save Variable", { exact: true }).click();

    await page.getByText(randomName).last().isVisible();

    await page.getByText(randomName).last().click();
    await page.getByText(randomName).last().click();

    await page.waitForTimeout(500);

    await page
      .getByPlaceholder("Insert a name for the variable...")
      .fill(randomName2);

    await page.getByText("Update Variable", { exact: true }).last().click();

    await page.getByText(randomName2).last().isVisible();

    await page.getByText(randomName2).last().click();

    await page.waitForTimeout(500);

    await page
      .getByPlaceholder("Insert a name for the variable...")
      .fill(randomName3);

    await page.getByText("Update Variable", { exact: true }).last().click();

    await page.getByText(randomName3).last().isVisible();

    await page.waitForTimeout(2000);

    await page.locator(".ag-checkbox-input").first().click();
    await page.getByTestId("icon-Trash2").click();
    await page.getByText("No data available").isVisible();
  },
);

test("should see shortcuts", { tag: ["@release"] }, async ({ page }) => {
  await page.goto("/");
  await page.waitForSelector('[data-testid="mainpage_title"]', {
    timeout: 30000,
  });

  await page.waitForSelector('[id="new-project-btn"]', {
    timeout: 30000,
  });
  await page.getByTestId("user-profile-settings").click();
  await page.waitForTimeout(1000);

  await page.getByText("Settings").click();
  await page.waitForTimeout(3000);

  await page.getByText("General").nth(2).isVisible();
  await page.getByText("Shortcuts").nth(0).click();
  await page.getByText("Shortcuts", { exact: true }).nth(1).isVisible();
  await page.getByText("Controls Component", { exact: true }).isVisible();
  await page.getByText("Minimize Component", { exact: true }).isVisible();
  await page.getByText("Code Component", { exact: true }).isVisible();
  await page.getByText("Copy Component", { exact: true }).isVisible();
  await page.getByText("Duplicate Component", { exact: true }).isVisible();
  await page.getByText("Share Component", { exact: true }).isVisible();
  await page.getByText("Docs Component", { exact: true }).isVisible();
  await page.getByText("Save Component", { exact: true }).isVisible();
  await page.getByText("Delete Component", { exact: true }).isVisible();
  await page.getByText("Open Playground", { exact: true }).isVisible();
  await page.getByText("Undo", { exact: true }).isVisible();

  await page.mouse.wheel(0, 10000);

  await page.getByText("Redo", { exact: true }).last().isVisible();

  await page.getByText("Reset Columns").last().isVisible();
});

test(
  "should interact with API Keys",
  { tag: ["@release", "@api"] },

  async ({ page }) => {
    await page.goto("/");
    await page.waitForTimeout(1000);
    await page.getByTestId("user-profile-settings").click();
    await page.getByText("Settings").click();
    await page.getByText("Langflow API").first().click();
    await page.getByText("Langflow API", { exact: true }).nth(1).isVisible();
    await page.getByText("Add New").click();
    await page.getByPlaceholder("Insert a name for your API Key").isVisible();

    const randomName = Math.random().toString(36).substring(2);

    await page
      .getByPlaceholder("Insert a name for your API Key")
      .fill(randomName);
    await page.getByText("Create Secret Key", { exact: true }).click();
    await page.getByText("Please save").isVisible();
    await page.getByTestId("icon-Copy").click();
    await page.waitForTimeout(1000);
    await page.getByText("Api Key Copied!").isVisible();
    await page.getByText(randomName).isVisible();
  },
);