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

import { commonSelectors, commonWidgetSelector } from "Selectors/common";
import { fake } from "Fixtures/fake";
import { logout, navigateToAppEditor, verifyTooltip, releaseApp } from "Support/utils/common";
import { commonText } from "Texts/common";
import { addNewUserMW } from "Support/utils/userPermissions";
import { userSignUp } from "Support/utils/onboarding";

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.")

    })

});