@bigbinary/neeto-playwright-commons 4.8.5 → 4.8.6

package/index.d.ts

@@ -4165,6 +4165,8 @@ declare class EditorPage {
   private fixedMenuOptions;
   private moreMenuOptions;
   private verifyFontSize;
+  private verifyFontSizeV1;
+  private verifyFontSizeV2;
   private verifyTextModifiers;
   private verifyTextDeskModifier;
   private openHighlighterContainer;
@@ -7548,6 +7550,11 @@ declare const AUDIT_LOGS_SELECTORS: {
 */
 declare const COMMON_SELECTORS: {
   emailInputError: string;
+  nuiSelectInput: string;
+  customSelectInput: (label: string) => string;
+  tableWrapper: string;
+  phoneCountryPicker: string;
+  phoneCountryPickerSearch: string;
   pane: string;
   sideBar: string;
   copyButton: string;
@@ -7582,6 +7589,7 @@ declare const COMMON_SELECTORS: {
   sheetHeader: string;
   sheetWrapper: string;
   sheetBody: string;
+  sheetFooter: string;
   sheetCloseButton: string;
   dialogHeader: string;
   dialogBody: string;

package/index.js

@@ -1034,6 +1034,11 @@ const AUDIT_LOGS_SELECTORS = {
 
 const COMMON_SELECTORS = {
     emailInputError: "email-input-error",
+    nuiSelectInput: "nui-select-input",
+    customSelectInput: (label) => `${hyphenate(label)}-select-input`,
+    tableWrapper: "table-wrapper",
+    phoneCountryPicker: "phonenumber-country-picker",
+    phoneCountryPickerSearch: "phonenumber-country-picker-search",
     pane: "pane-wrapper",
     sideBar: "sidebar",
     copyButton: "copy-button",
@@ -1068,6 +1073,7 @@ const COMMON_SELECTORS = {
     sheetHeader: "sheet-header",
     sheetWrapper: "sheet-wrapper",
     sheetBody: "sheet-body",
+    sheetFooter: "sheet-footer",
     sheetCloseButton: "sheet-close-button",
     dialogHeader: "dialog-header",
     dialogBody: "dialog-body",
@@ -120696,7 +120702,8 @@ class EditorPage {
         await expect(dropdownContainer).toBeHidden();
         return moreMenuButtonLocators;
     };
-    verifyFontSize = async () => {
+    verifyFontSize = async () => IS_SHADCN_UI ? this.verifyFontSizeV2() : this.verifyFontSizeV1();
+    verifyFontSizeV1 = async () => {
         const fontsAndTexts = [];
         await this.page
             .getByTestId(NEETO_EDITOR_SELECTORS.neetoEditorFixedMenuFontSize)
@@ -120726,6 +120733,36 @@ class EditorPage {
         }
         return fontsAndTexts;
     };
+    verifyFontSizeV2 = async () => {
+        const fontsAndTexts = [];
+        await this.page
+            .getByTestId(NEETO_EDITOR_SELECTORS.neetoEditorFixedMenuFontSize)
+            .click();
+        const dropdownContainer = this.page.getByTestId(COMMON_SELECTORS.dropdownContainer);
+        const headingMenuItems = await dropdownContainer
+            .getByRole("menuitem")
+            .all();
+        const headingLevels = (await Promise.all(headingMenuItems.map(async (menuItem) => {
+            const dataTestid = await menuItem.getAttribute("data-testid");
+            const headingLevel = dataTestid?.split("-").pop();
+            return /^h[1-5]$/.test(headingLevel || "") ? headingLevel : null;
+        }))).filter(Boolean);
+        const fontSizeDropdown = this.editorWrapper.getByTestId(NEETO_EDITOR_SELECTORS.fontSize);
+        await fontSizeDropdown.click();
+        await expect(dropdownContainer).toBeHidden();
+        for (const headingLevel of headingLevels) {
+            const fontKey = headingLevel;
+            const randomText = await this.fillRandomText();
+            await fontSizeDropdown.click();
+            await dropdownContainer.getByTestId(FONT_SIZE_SELECTORS[fontKey]).click();
+            await expect(this.contentField.getByRole("heading", {
+                level: Number(headingLevel?.slice(1)),
+                name: randomText,
+            })).toBeVisible();
+            fontsAndTexts.push({ key: fontKey, value: randomText });
+        }
+        return fontsAndTexts;
+    };
     verifyTextModifiers = async (modifier, isButtonInMoreMenu) => {
         const modifierKey = modifier;
         const textModifierRole = TEXT_MODIFIER_ROLES[modifierKey];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-playwright-commons",
-  "version": "4.8.5",
+  "version": "4.8.6",
   "description": "A package encapsulating common playwright code across neeto projects.",
   "repository": "git@github.com:bigbinary/neeto-playwright-commons.git",
   "license": "apache-2.0",