ToolJet/cypress-tests/cypress/e2e/ce/appSlug.cy.js

import { commonSelectors, commonWidgetSelector } from "Selectors/common";
import { fake } from "Fixtures/fake";
import { logout, releaseApp } from "Support/utils/common";
import { commonText } from "Texts/common";

describe("App slug", () => {
    const data = {};
    data.appName = `${fake.companyName} App`;
    data.slug = `${fake.companyName.toLowerCase()}-app`;

    beforeEach(() => {
        cy.defaultWorkspaceLogin();
    });
    before(() => {
        cy.apiLogin();
        cy.apiCreateApp(data.appName);
        cy.wait(1000);
        cy.logoutApi();
    });

    it("Verify app slug cases in global settings", () => {
        cy.wait(2000);
        cy.openApp("my-workspace");

        cy.get(commonSelectors.leftSideBarSettingsButton).click();
        cy.get(commonWidgetSelector.appSlugLabel).verifyVisibleElement(
            "have.text",
            "Unique app slug"
        );
        cy.get(commonWidgetSelector.appSlugInput).verifyVisibleElement(
            "have.value",
            Cypress.env("appId")
        );
        cy.get(commonWidgetSelector.appSlugInfoLabel).verifyVisibleElement(
            "have.text",
            "URL-friendly 'slug' consists of lowercase letters, numbers, and hyphens"
        );
        cy.get(commonWidgetSelector.appLinkLabel).verifyVisibleElement(
            "have.text",
            "App link"
        );
        cy.get(commonWidgetSelector.appLinkField).verifyVisibleElement(
            "have.text",
            `http://localhost:8082/my-workspace/apps/${Cypress.env("appId")}`
        );

        cy.wait(500);
        cy.get(commonWidgetSelector.appSlugInput).clear();
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "App slug can't be empty"
        );

        cy.clearAndType(commonWidgetSelector.appSlugInput, "_2#");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Special characters are not accepted."
        );

        cy.clearAndType(commonWidgetSelector.appSlugInput, "t ");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Cannot contain spaces"
        );

        cy.clearAndType(commonWidgetSelector.appSlugInput, "T");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Only lowercase letters are accepted."
        );

        cy.get(commonWidgetSelector.appSlugInput).clear();
        cy.clearAndType(commonWidgetSelector.appSlugInput, data.slug);
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Slug accepted!"
        );
        cy.get(commonWidgetSelector.appLinkSucessLabel).verifyVisibleElement(
            "have.text",
            "Link updated successfully!"
        );
        cy.get(commonWidgetSelector.appLinkField).verifyVisibleElement(
            "have.text",
            `http://localhost:8082/my-workspace/apps/${data.slug}`
        );
        cy.url().should(
            "eq",
            `http://localhost:8082/my-workspace/apps/${data.slug}/home`
        );

        releaseApp();

        cy.openInCurrentTab(commonWidgetSelector.previewButton);
        cy.wait(2000);
        cy.url().should(
            "eq",
            `http://localhost:8082/applications/${data.slug}/home?version=v1`
        );
        cy.visit("/my-workspace");
        cy.wait(500);

        cy.visitSlug({
            actualUrl: `http://localhost:8082/applications/${data.slug}`,
        });
        cy.url().should("eq", `http://localhost:8082/applications/${data.slug}`);
        cy.visit("/my-workspace");
        cy.wait(500);

        cy.apiCreateApp(data.slug);
        cy.openApp("my-workspace");

        cy.get(commonSelectors.leftSideBarSettingsButton).click();
        cy.get(commonWidgetSelector.appSlugInput).clear();
        cy.clearAndType(commonWidgetSelector.appSlugInput, data.slug);
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "This app slug is already taken."
        );
    });

    it("Verify app slug cases in share modal", () => {
        data.slug = `${fake.companyName.toLowerCase()}-app`;
        data.appName = `${fake.companyName} App`;

        cy.apiCreateApp(data.appName);
        cy.openApp("my-workspace");

        cy.get(commonSelectors.leftSideBarSettingsButton).click();
        cy.get(commonWidgetSelector.appSlugInput).clear();
        cy.clearAndType(commonWidgetSelector.appSlugInput, data.slug);

        releaseApp();

        cy.get(commonWidgetSelector.shareAppButton).click();
        cy.get(commonWidgetSelector.appNameSlugInput).should(
            "have.value",
            data.slug
        );

        cy.get(commonWidgetSelector.appNameSlugInput).clear();
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "App slug can't be empty"
        );

        cy.clearAndType(commonWidgetSelector.appNameSlugInput, "_2#");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Special characters are not accepted."
        );

        cy.clearAndType(commonWidgetSelector.appNameSlugInput, "t ");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Cannot contain spaces"
        );

        cy.clearAndType(commonWidgetSelector.appNameSlugInput, "T");
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Only lowercase letters are accepted."
        );

        data.slug = `${fake.companyName.toLowerCase()}-app`;
        cy.get(commonWidgetSelector.appNameSlugInput).clear();
        cy.clearAndType(commonWidgetSelector.appNameSlugInput, data.slug);
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "Slug accepted!"
        );
        cy.get(1000);
        cy.get(commonWidgetSelector.modalCloseButton).click();
        cy.url().should(
            "eq",
            `http://localhost:8082/my-workspace/apps/${data.slug}/home`
        );

        cy.openInCurrentTab(commonWidgetSelector.previewButton);
        cy.wait(1000);
        cy.url().should(
            "eq",
            `http://localhost:8082/applications/${data.slug}/home?version=v1`
        );
        cy.visit("/my-workspace");
        cy.wait(500);

        cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
        cy.url().should("eq", `http://localhost:8082/applications/${data.slug}`);
        cy.visit("/my-workspace");
        cy.wait(500);

        cy.apiCreateApp(data.slug);
        cy.openApp("my-workspace");
        releaseApp();
        cy.get(commonWidgetSelector.shareAppButton).click();
        cy.clearAndType(commonWidgetSelector.appNameSlugInput, data.slug);
        cy.get(commonWidgetSelector.appSlugErrorLabel).verifyVisibleElement(
            "have.text",
            "This app slug is already taken."
        );
    });
});