@bigbinary/neeto-playwright-commons 1.23.2 → 1.23.3

package/index.cjs.js

@@ -5225,6 +5225,8 @@ const THEMES_SELECTORS = {
     colorPickerDropdownContainer: (colorHex) => `${colorHex}-dropdown-container`,
     baseThemeStyle: (styleType) => `theme-style-${neetoCist.hyphenate(styleType)}`,
     introPageThemeStyle: (styleType) => `intro-page-theme-style-${neetoCist.hyphenate(styleType)}`,
+    themeSwitcherButton: "theme-switcher-button",
+    themeSwitcherDarkButton: "theme-switcher-dark-button",
 };
 
 const ADMIN_PANEL_SELECTORS = {
@@ -117970,6 +117972,10 @@ const COMMON_TEXTS = {
 const ORGANIZATION_TEXTS = {
     subdomainAvailable: "Subdomain is available",
 };
+const THEMES_TEXTS = {
+    lightThemeClass: /neeto-ui-theme--light/,
+    darkThemeClass: /neeto-ui-theme--dark/,
+};
 
 class HelpAndProfilePage {
     constructor({ page, neetoPlaywrightUtilities, chatApiBaseURL, kbDocsBaseURL, changelogBaseURL, }) {
@@ -118388,6 +118394,35 @@ class HelpAndProfilePage {
                 ]);
             });
         };
+        this.verifyThemeSwitcher = async (expectedScreenshot) => {
+            let bodyElement, fabContainer;
+            await test.test.step("1: Verify light theme", async () => {
+                bodyElement = this.page.locator("body");
+                await Promise.all([
+                    test.expect(bodyElement).toHaveClass(THEMES_TEXTS.lightThemeClass),
+                    test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.darkThemeClass),
+                ]);
+            });
+            await test.test.step("2: Open Help Center", () => this.openHelpCenter());
+            await test.test.step("3: Switch to dark theme", async () => {
+                await this.page.getByTestId(THEMES_SELECTORS.themeSwitcherButton).click();
+                await this.page
+                    .getByTestId(THEMES_SELECTORS.themeSwitcherDarkButton)
+                    .click();
+            });
+            await test.test.step("4: Verify dark theme", async () => {
+                fabContainer = this.page
+                    .getByTestId(COMMON_SELECTORS.dropdownContainer)
+                    .filter({ hasText: this.t("neetoMolecules.sidebar.myProfile") });
+                await Promise.all([
+                    test.expect(bodyElement).toHaveClass(THEMES_TEXTS.darkThemeClass),
+                    test.expect(bodyElement).not.toHaveClass(THEMES_TEXTS.lightThemeClass),
+                ]);
+                await test.expect(fabContainer).toHaveScreenshot(expectedScreenshot, {
+                    maxDiffPixelRatio: 0.1,
+                });
+            });
+        };
         this.page = page;
         this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
         this.chatApiBaseURL = chatApiBaseURL;
@@ -128178,6 +128213,7 @@ exports.TEXT_MODIFIER_SELECTORS = TEXT_MODIFIER_SELECTORS;
 exports.TEXT_MODIFIER_TAGS = TEXT_MODIFIER_TAGS;
 exports.THANK_YOU_SELECTORS = THANK_YOU_SELECTORS;
 exports.THEMES_SELECTORS = THEMES_SELECTORS;
+exports.THEMES_TEXTS = THEMES_TEXTS;
 exports.THIRD_PARTY_ROUTES = THIRD_PARTY_ROUTES;
 exports.TIME_RANGES = TIME_RANGES;
 exports.TOASTR_MESSAGES = TOASTR_MESSAGES;