Branding image related test case

appsmithorg · Jan 3, 2025 · 7e05339 · 7e05339
1 parent 4379d83
commit 7e05339
Show file tree

Hide file tree

Showing 6 changed files with 130 additions and 3 deletions.
diff --git a/app/client/cypress/e2e/Regression/ClientSide/AdminSettings/Branding_settings_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/AdminSettings/Branding_settings_Spec.ts
@@ -1,17 +1,108 @@
 import {
   agHelper,
   adminSettings,
+  locators,
 } from "../../../../support/Objects/ObjectsCore";
-import { CURRENT_REPO, REPO } from "../../../../fixtures/REPO";
-import { featureFlagIntercept } from "../../../../support/Objects/FeatureFlags";
+import AdminsSettings from "../../../../locators/AdminsSettings";
 
 describe(
   "Admin Branding Page - Branding page validations",
   { tags: ["@tag.Settings"] },
   () => {
     it("1. Verify branding data update for community user", () => {
-      featureFlagIntercept({ license_branding_enabled: true });
       adminSettings.NavigateToAdminSettings();
+      agHelper.AssertElementVisibility(AdminsSettings.LeftPaneBrandingLink);
+      agHelper.GetNClick(AdminsSettings.LeftPaneBrandingLink);
+
+      // branding logo PNG
+      cy.get(AdminsSettings.AdmingSettingsLogoInput).selectFile(
+        "cypress/fixtures/appsmithlogo.png",
+        { force: true },
+      );
+      agHelper.AssertElementAbsence(locators._toastMsg);
+      agHelper.AssertElementVisibility(
+        AdminsSettings.AdmingSettingsLogoInputImage,
+      );
+      agHelper.WaitForCondition(() => {
+        cy.get(AdminsSettings.BrandingLogo)
+          .invoke("attr", "src")
+          .then((src) => {
+            cy.get(AdminsSettings.AdmingSettingsLogoInputImage)
+              .invoke("attr", "src")
+              .should("equal", src);
+          });
+      });
+
+      // branding logo jpg
+      cy.get(AdminsSettings.AdmingSettingsLogoInput).selectFile(
+        "cypress/fixtures/AAAFlowerVase.jpeg",
+        { force: true },
+      );
+      agHelper.AssertElementAbsence(locators._toastMsg);
+      agHelper.AssertElementVisibility(
+        AdminsSettings.AdmingSettingsLogoInputImage,
+      );
+      agHelper.WaitForCondition(() => {
+        cy.get(AdminsSettings.BrandingLogo)
+          .invoke("attr", "src")
+          .then((src) => {
+            cy.get(AdminsSettings.AdmingSettingsLogoInputImage)
+              .invoke("attr", "src")
+              .should("equal", src);
+          });
+      });
+
+      // branding logo svg
+      // comment due to bug: https://github.com/appsmithorg/appsmith/issues/34329
+      // cy.get(AdminsSettings.AdmingSettingsLogoInput).selectFile(
+      //   "cypress/fixtures/appsmith-community-logo.svg",
+      //   { force: true },
+      // );
+      // agHelper.AssertElementAbsence(locators._toastMsg);
+
+      // agHelper.AssertElementVisibility(
+      //   AdminsSettings.AdmingSettingsLogoInputImage,
+      // );
+      // agHelper.WaitForCondition(() => {
+      //   cy.get(AdminsSettings.BrandingLogo)
+      //     .invoke("attr", "src")
+      //     .then((src) => {
+      //       cy.get(AdminsSettings.AdmingSettingsLogoInputImage)
+      //         .invoke("attr", "src")
+      //         .should("equal", src);
+      //     });
+      // });
+
+      // branding favicon png
+      cy.get(AdminsSettings.AdmingSettingsFaviconInput).selectFile(
+        "cypress/fixtures/branding_sample.png",
+        { force: true },
+      );
+      agHelper.AssertElementAbsence(locators._toastMsg);
+      agHelper.AssertElementVisibility(
+        AdminsSettings.AdmingSettingsFaviconInputImage,
+      );
+      cy.get(AdminsSettings.BrandingFavicon)
+        .invoke("attr", "src")
+        .then((src) => {
+          cy.get(AdminsSettings.AdmingSettingsFaviconInputImage)
+            .invoke("attr", "src")
+            .should("equal", src);
+        });
+
+      // branding favicon jpg
+      cy.get(AdminsSettings.AdmingSettingsFaviconInput).selectFile(
+        "cypress/fixtures/branding_samplejpg.jpg",
+        { force: true },
+      );
+      agHelper.AssertElementAbsence(locators._toastMsg);
+
+      // branding favicon ico
+      cy.get(AdminsSettings.AdmingSettingsFaviconInput).selectFile(
+        "cypress/fixtures/branding_sampleICO.ico",
+        { force: true },
+      );
+      agHelper.AssertElementAbsence(locators._toastMsg);
     });
   },
 );
diff --git a/app/client/cypress/fixtures/appsmith-community-logo.svg b/app/client/cypress/fixtures/appsmith-community-logo.svg
diff --git a/app/client/cypress/fixtures/branding_sample.png b/app/client/cypress/fixtures/branding_sample.png
diff --git a/app/client/cypress/fixtures/branding_sampleICO.ico b/app/client/cypress/fixtures/branding_sampleICO.ico
diff --git a/app/client/cypress/fixtures/branding_samplejpg.jpg b/app/client/cypress/fixtures/branding_samplejpg.jpg
diff --git a/app/client/cypress/locators/AdminsSettings.js b/app/client/cypress/locators/AdminsSettings.js
@@ -47,4 +47,27 @@ export default {
   sessionTimeoutWrapper: ".t--admin-settings-userSessionTimeoutInMinutes",
   sessionTimeoutInput: "[name='userSessionTimeoutInMinutes']",
   adminEmailsData: ".t--admin-settings-APPSMITH_ADMIN_EMAILS span > span",
+  LeftPaneBrandingLink: ".t--settings-category-branding",
+  AdminSettingsColorInput: ".t--settings-brand-color-input input[type=text]",
+  AdmingSettingsLogoInput: ".t--settings-brand-logo-input input[type=file]",
+  AdmingSettingsLogoInputImage: ".t--settings-brand-logo-input img",
+  AdmingSettingsFaviconInput:
+    ".t--settings-brand-favicon-input input[type=file]",
+  AdmingSettingsFaviconInputImage: ".t--settings-brand-favicon-input img",
+  BrandingBg: ".t--branding-bg",
+  BrandingLogo: ".t--branding-logo",
+  BrandingFavicon: "img.t--branding-favicon",
+  BrandingFaviconHead: "link.t--branding-favicon",
+  dashboardAppTab: ".t--apps-tab",
+  createNewAppButton: ".t--new-button",
+  loginContainer: ".t--login-container",
+  signupLink: ".t--signup-link",
+  authContainer: ".t--auth-container",
+  submitButton: "button[type='submit']",
+  appsmithLogo: ".t--appsmith-logo",
+  appsmithLogoImg: ".t--appsmith-logo img",
+  AdminSettingsColorInputShades: ".t--color-input-shades",
+  businessTag: ".business-tag",
+  upgradeBanner: ".upgrade-banner",
+  upgradeButton: "[data-testid='t--button-upgrade']",
 };