src/frontend/tests/extended/features/integration-side-bar.spec.ts

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

test(
  "user should be able to see integrations in the sidebar if mvp_components is true",
  { tag: ["@release", "@api", "@workspace"] },
  async ({ page }) => {
    // await page.route("**/api/v1/config", (route) => {
    //   route.fulfill({
    //     status: 200,
    //     contentType: "application/json",
    //     body: JSON.stringify({
    //       feature_flags: {
    //         mvp_components: true,
    //       },
    //     }),
    //     headers: {
    //       "content-type": "application/json",
    //       ...route.request().headers(),
    //     },
    //   });
    // });
    await page.goto("/");
    await page.waitForTimeout(1000);
    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 Flow", { exact: true }).click();
      await page.waitForTimeout(3000);
      modalCount = await page.getByTestId("modal-title")?.count();
    }
    await page.getByTestId("blank-flow").click();
    await page.waitForSelector('[data-testid="shad-sidebar"]', {
      timeout: 30000,
    });
    await expect(page.getByText("Bundles")).toBeVisible();
    await expect(page.getByText("Notion")).toBeVisible();
    await expect(page.getByText("AssemblyAI")).toBeVisible();
  },
);

test(
  "user should NOT be able to see integrations in the sidebar if mvp_components is false",
  { tag: ["@release", "@api", "@workspace"] },
  async ({ page }) => {
    // await page.waitForTimeout(4000);
    // await page.route("**/api/v1/config", (route) => {
    //   route.fulfill({
    //     status: 200,
    //     contentType: "application/json",
    //     body: JSON.stringify({
    //       feature_flags: {
    //         mvp_components: false,
    //       },
    //     }),
    //     headers: {
    //       "content-type": "application/json",
    //       ...route.request().headers(),
    //     },
    //   });
    // });
    // await page.goto("/");
    // await page.waitForTimeout(1000);
    // 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(3000);
    //   modalCount = await page.getByTestId("modal-title")?.count();
    // }
    // await page.getByTestId("blank-flow").click();
    // await page.waitForSelector('[data-testid="shad-sidebar"]', {
    //   timeout: 30000,
    // });
    // await expect(page.getByText("Integrations")).not.toBeVisible();
    // await expect(page.getByText("Notion")).not.toBeVisible();
  },
);