cosmos-explorer/test/sql/scaleAndSettings/settings.spec.ts

import { expect, test } from "@playwright/test";
import { CommandBarButton, DataExplorer, ONE_MINUTE_MS, TestAccount } from "../../fx";
import { createTestSQLContainer, TestContainerContext } from "../../testData";

test.describe("Settings under Scale & Settings", () => {
  let context: TestContainerContext = null!;
  let explorer: DataExplorer = null!;

  test.beforeAll("Create Test Database", async () => {
    context = await createTestSQLContainer(true);
  });

  test.beforeEach("Open Settings tab under Scale & Settings", async ({ page }) => {
    explorer = await DataExplorer.open(page, TestAccount.SQL);
    const containerNode = await explorer.waitForContainerNode(context.database.id, context.container.id);
    await containerNode.expand();

    // Click Scale & Settings and open Settings tab
    await explorer.openScaleAndSettings(context);
    const settingsTab = explorer.frame.getByTestId("settings-tab-header/SubSettingsTab");
    await settingsTab.click();
  });

  test.afterAll("Delete Test Database", async () => {
    await context?.dispose();
  });

  test.describe("Set TTL", () => {
    test("Update TTL to On (no default)", async () => {
      const ttlOnNoDefaultRadioButton = explorer.frame.getByRole("radio", { name: "ttl-on-no-default-option" });
      await ttlOnNoDefaultRadioButton.click();

      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );
    });

    test("Update TTL to On (with user entry)", async () => {
      const ttlOnRadioButton = explorer.frame.getByRole("radio", { name: "ttl-on-option" });
      await ttlOnRadioButton.click();

      // Enter TTL seconds
      const ttlInput = explorer.frame.getByTestId("ttl-input");
      await ttlInput.fill("30000");

      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );
    });

    test("Update TTL to Off", async () => {
      // By default TTL is set to off so we need to first set it to On
      const ttlOnNoDefaultRadioButton = explorer.frame.getByRole("radio", { name: "ttl-on-no-default-option" });
      await ttlOnNoDefaultRadioButton.click();
      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );

      // Set it to Off
      const ttlOffRadioButton = explorer.frame.getByRole("radio", { name: "ttl-off-option" });
      await ttlOffRadioButton.click();

      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );
    });
  });

  test.describe("Set Geospatial Config", () => {
    test("Set Geospatial Config to Geometry then Geography", async () => {
      const geometryRadioButton = explorer.frame.getByRole("radio", { name: "geometry-option" });
      await geometryRadioButton.click();

      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );

      const geographyRadioButton = explorer.frame.getByRole("radio", { name: "geography-option" });
      await geographyRadioButton.click();

      await explorer.commandBarButton(CommandBarButton.Save).click();
      await expect(explorer.getConsoleMessage()).toContainText(
        `Successfully updated container ${context.container.id}`,
        {
          timeout: ONE_MINUTE_MS,
        },
      );
    });
  });
});