@pequity/squirrel 11.0.2 → 11.0.3

package/dist/es/index.js

@@ -1055,8 +1055,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const squirrel$1 = { "close": "Close", "action_bar_clear_all": "Clear All", "select_list_items": "{count} item | {count} items", "select_list_select_all": "Select all", "select_list_select_all_filtered": "Select all filtered", "select_list_clear_all": "Clear all", "select_list_no_items_found": "No items found", "dropdown_select_aria_label": "Dropdown select", "dropdown_select_remove_item": "Remove item", "dropdown_select_clear_selection": "Clear selection", "dropdown_select_all_options_selected": "All options selected", "dropdown_select_options": "option | options", "dropdown_select_selected": "selected", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Add", "dropdown_select_no_items_found_type_to_add": "No items found. Type to add", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "dropzone", "file_upload_drag_or_select": "Drag or {select}", "file_upload_drop": "Drop {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "One", "file_upload_files": "file | files", "file_upload_select": "select {fileWord}", "file_upload_with_size_less_than": "with size less than {maxSize} | with size less than {maxSize} each", "file_upload_max_files_exceeded": "You can only upload a maximum of {count} {fileWord}.", "file_upload_files_not_allowed": "{extension} files are not allowed.", "file_upload_file_size_exceeded": "File size of {fileName} exceeds {maxSize}.", "input_search_press_enter_to_search": "Press enter to search", "input_search_clear_search_input": "Clear search input", "pagination_go_to_previous_page": "go to the previous page", "pagination_go_to_page": "go to page {page}", "pagination_go_to_next_page": "go to the next page", "pagination_info_showing_results": "Showing {from} to {to} of {count} results", "pagination_info_no_results_found": "No results found", "table_sort_sort": "SORT", "table_sort_clear": "Clear", "table_sort_sort_ascending": "Sort ascending", "table_sort_sort_descending": "Sort descending", "tabs_pills_aria_label": "Tabs Pills" };
+const squirrel$3 = { "close": "Schließen", "action_bar_clear_all": "Alle löschen", "select_list_items": "{count} Element | {count} Elemente", "select_list_select_all": "Alle auswählen", "select_list_select_all_filtered": "Alle gefilterten auswählen", "select_list_clear_all": "Alle löschen", "select_list_no_items_found": "Keine Elemente gefunden", "dropdown_select_aria_label": "Dropdown-Auswahl", "dropdown_select_remove_item": "Element entfernen", "dropdown_select_clear_selection": "Auswahl löschen", "dropdown_select_all_options_selected": "Alle Optionen ausgewählt", "dropdown_select_options": "Option | Optionen", "dropdown_select_selected": "ausgewählt", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Hinzufügen", "dropdown_select_no_items_found_type_to_add": "Keine Elemente gefunden. Tippen Sie zum Hinzufügen", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "Ablagebereich", "file_upload_drag_or_select": "Ziehen oder {select}", "file_upload_drop": "{fileWord} ablegen", "file_upload_max": "Max. {count}", "file_upload_one": "Eine", "file_upload_files": "Datei | Dateien", "file_upload_select": "{fileWord} auswählen", "file_upload_with_size_less_than": "mit einer Größe unter {maxSize} | mit einer Größe unter {maxSize} jeweils", "file_upload_max_files_exceeded": "Sie können maximal {count} {fileWord} hochladen.", "file_upload_files_not_allowed": "{extension}-Dateien sind nicht erlaubt.", "file_upload_file_size_exceeded": "Die Dateigröße von {fileName} überschreitet {maxSize}.", "input_search_press_enter_to_search": "Drücken Sie die Eingabetaste zum Suchen", "input_search_clear_search_input": "Sucheingabe löschen", "pagination_go_to_previous_page": "zur vorherigen Seite gehen", "pagination_go_to_page": "zu Seite {page} gehen", "pagination_go_to_next_page": "zur nächsten Seite gehen", "pagination_info_showing_results": "Zeige {from} bis {to} von {count} Ergebnissen", "pagination_info_no_results_found": "Keine Ergebnisse gefunden", "table_sort_sort": "SORTIEREN", "table_sort_clear": "Löschen", "table_sort_sort_ascending": "Aufsteigend sortieren", "table_sort_sort_descending": "Absteigend sortieren", "tabs_pills_aria_label": "Tab-Pillen" };
+const deDE = {
+  squirrel: squirrel$3
+};
+const squirrel$2 = { "close": "Close", "action_bar_clear_all": "Clear All", "select_list_items": "{count} item | {count} items", "select_list_select_all": "Select all", "select_list_select_all_filtered": "Select all filtered", "select_list_clear_all": "Clear all", "select_list_no_items_found": "No items found", "dropdown_select_aria_label": "Dropdown select", "dropdown_select_remove_item": "Remove item", "dropdown_select_clear_selection": "Clear selection", "dropdown_select_all_options_selected": "All options selected", "dropdown_select_options": "option | options", "dropdown_select_selected": "selected", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Add", "dropdown_select_no_items_found_type_to_add": "No items found. Type to add", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "dropzone", "file_upload_drag_or_select": "Drag or {select}", "file_upload_drop": "Drop {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "One", "file_upload_files": "file | files", "file_upload_select": "select {fileWord}", "file_upload_with_size_less_than": "with size less than {maxSize} | with size less than {maxSize} each", "file_upload_max_files_exceeded": "You can only upload a maximum of {count} {fileWord}.", "file_upload_files_not_allowed": "{extension} files are not allowed.", "file_upload_file_size_exceeded": "File size of {fileName} exceeds {maxSize}.", "input_search_press_enter_to_search": "Press enter to search", "input_search_clear_search_input": "Clear search input", "pagination_go_to_previous_page": "go to the previous page", "pagination_go_to_page": "go to page {page}", "pagination_go_to_next_page": "go to the next page", "pagination_info_showing_results": "Showing {from} to {to} of {count} results", "pagination_info_no_results_found": "No results found", "table_sort_sort": "SORT", "table_sort_clear": "Clear", "table_sort_sort_ascending": "Sort ascending", "table_sort_sort_descending": "Sort descending", "tabs_pills_aria_label": "Tabs Pills" };
 const enUS = {
+  squirrel: squirrel$2
+};
+const squirrel$1 = { "close": "Cerrar", "action_bar_clear_all": "Borrar todo", "select_list_items": "{count} elemento | {count} elementos", "select_list_select_all": "Seleccionar todo", "select_list_select_all_filtered": "Seleccionar todo (filtrado)", "select_list_clear_all": "Borrar todo", "select_list_no_items_found": "No se encontraron elementos", "dropdown_select_aria_label": "Selección desplegable", "dropdown_select_remove_item": "Eliminar elemento", "dropdown_select_clear_selection": "Borrar selección", "dropdown_select_all_options_selected": "Todas las opciones seleccionadas", "dropdown_select_options": "opción | opciones", "dropdown_select_selected": "seleccionado", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Agregar", "dropdown_select_no_items_found_type_to_add": "No se encontraron elementos. Escriba para agregar", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "zona de carga", "file_upload_drag_or_select": "Arrastre o {select}", "file_upload_drop": "Soltar {fileWord}", "file_upload_max": "Máx. {count}", "file_upload_one": "Uno", "file_upload_files": "archivo | archivos", "file_upload_select": "seleccionar {fileWord}", "file_upload_with_size_less_than": "con tamaño menor que {maxSize} | con tamaño menor que {maxSize} cada uno", "file_upload_max_files_exceeded": "Solo puede cargar un máximo de {count} {fileWord}.", "file_upload_files_not_allowed": "Los archivos {extension} no están permitidos.", "file_upload_file_size_exceeded": "El tamaño del archivo {fileName} excede {maxSize}.", "input_search_press_enter_to_search": "Presione Enter para buscar", "input_search_clear_search_input": "Borrar entrada de búsqueda", "pagination_go_to_previous_page": "ir a la página anterior", "pagination_go_to_page": "ir a la página {page}", "pagination_go_to_next_page": "ir a la página siguiente", "pagination_info_showing_results": "Mostrando {from} a {to} de {count} resultados", "pagination_info_no_results_found": "No se encontraron resultados", "table_sort_sort": "ORDENAR", "table_sort_clear": "Borrar", "table_sort_sort_ascending": "Ordenar ascendente", "table_sort_sort_descending": "Ordenar descendente", "tabs_pills_aria_label": "Pestañas de píldoras" };
+const esES = {
   squirrel: squirrel$1
 };
 const squirrel = { "close": "Fermer", "action_bar_clear_all": "Effacer tout", "select_list_items": "{count} élément | {count} éléments", "select_list_select_all": "Tout sélectionner", "select_list_select_all_filtered": "Sélectionner tout (filtré)", "select_list_clear_all": "Effacer tout", "select_list_no_items_found": "Aucun élément trouvé", "dropdown_select_aria_label": "Liste déroulante", "dropdown_select_remove_item": "Supprimer l'élément", "dropdown_select_clear_selection": "Effacer la sélection", "dropdown_select_all_options_selected": "Toutes les options sélectionnées", "dropdown_select_options": "option | options", "dropdown_select_selected": "sélectionné", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Ajouter", "dropdown_select_no_items_found_type_to_add": "Aucun élément trouvé. Tapez pour ajouter", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "zone de dépôt", "file_upload_drag_or_select": "Glisser ou {select}", "file_upload_drop": "Déposer {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "Un", "file_upload_files": "fichier | fichiers", "file_upload_select": "sélectionner {fileWord}", "file_upload_with_size_less_than": "avec une taille inférieure à {maxSize} | avec une taille inférieure à {maxSize} chacun", "file_upload_max_files_exceeded": "Vous ne pouvez télécharger qu'un maximum de {count} {fileWord}.", "file_upload_files_not_allowed": "Les fichiers {extension} ne sont pas autorisés.", "file_upload_file_size_exceeded": "La taille du fichier {fileName} dépasse {maxSize}.", "input_search_press_enter_to_search": "Appuyez sur Entrée pour rechercher", "input_search_clear_search_input": "Effacer la saisie de recherche", "pagination_go_to_previous_page": "aller à la page précédente", "pagination_go_to_page": "aller à la page {page}", "pagination_go_to_next_page": "aller à la page suivante", "pagination_info_showing_results": "Affichage de {from} à {to} sur {count} résultats", "pagination_info_no_results_found": "Aucun résultat trouvé", "table_sort_sort": "TRIER", "table_sort_clear": "Effacer", "table_sort_sort_ascending": "Trier par ordre croissant", "table_sort_sort_descending": "Trier par ordre décroissant", "tabs_pills_aria_label": "Onglets pilules" };
@@ -1064,7 +1072,9 @@ const frFR = {
   squirrel
 };
 const squirrelMessages = {
+  "de-DE": deDE,
   "en-US": enUS,
+  "es-ES": esES,
   "fr-FR": frFR
 };
 const isSquirrelLocale = (locale) => {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "11.0.2",
-  "packageManager": "pnpm@10.23.0",
+  "version": "11.0.3",
+  "packageManager": "pnpm@10.24.0",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -50,31 +50,31 @@
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
     "@pequity/eslint-config": "^2.0.5",
-    "@playwright/test": "^1.56.1",
+    "@playwright/test": "^1.57.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^10.0.8",
-    "@storybook/addon-docs": "^10.0.8",
-    "@storybook/addon-links": "^10.0.8",
-    "@storybook/addon-vitest": "^10.0.8",
-    "@storybook/vue3-vite": "^10.0.8",
+    "@storybook/addon-a11y": "^10.1.4",
+    "@storybook/addon-docs": "^10.1.4",
+    "@storybook/addon-links": "^10.1.4",
+    "@storybook/addon-vitest": "^10.1.4",
+    "@storybook/vue3-vite": "^10.1.4",
     "@tanstack/vue-virtual": "3.13.12",
     "@types/jsdom": "^27.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^6.0.2",
-    "@vitest/browser": "4.0.13",
-    "@vitest/browser-playwright": "^4.0.13",
-    "@vitest/coverage-v8": "^4.0.13",
+    "@vitest/browser": "4.0.15",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
     "@vue/compiler-sfc": "3.5.25",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "12.0.5",
     "autoprefixer": "^10.4.22",
     "eslint": "^9.39.1",
-    "eslint-plugin-storybook": "^10.0.8",
+    "eslint-plugin-storybook": "^10.1.4",
     "floating-vue": "5.2.2",
     "glob": "^13.0.0",
     "husky": "^9.1.7",
@@ -83,23 +83,23 @@
     "lint-staged": "^16.2.7",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
-    "playwright": "^1.56.1",
+    "playwright": "^1.57.0",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.7.1",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "resolve-tspaths": "^0.8.23",
     "rimraf": "^6.1.2",
     "sass": "^1.94.2",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.0.8",
+    "storybook": "^10.1.4",
     "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.9.3",
-    "vite": "^7.2.4",
-    "vitest": "^4.0.13",
+    "vite": "^7.2.6",
+    "vitest": "^4.0.15",
     "vue": "3.5.25",
     "vue-currency-input": "3.2.1",
-    "vue-i18n": "^11.2.1",
+    "vue-i18n": "^11.2.2",
     "vue-router": "4.6.3",
     "vue-toastification": "2.0.0-rc.5",
     "vue-tsc": "3.1.5"

package/squirrel/components/p-btn/p-btn.spec.js

@@ -97,14 +97,24 @@ describe('PBtn.vue', () => {
 
         const element = wrapper.find(el);
 
-        if (el !== 'a') {
-          const slotWrapper = wrapper.find('.slot-wrapper');
-          expect(slotWrapper.classes()).toEqual(['slot-wrapper', 'empty:hidden']);
-        }
-
         expect(classes.every((c) => element.classes().includes(c))).toBe(true);
         expect(DEFAULT_CLASSES_ARRAY.every((c) => element.classes().includes(c))).toBe(true);
       });
+
+      // Test slot-wrapper separately for non-anchor elements to avoid conditional expects
+      if (el !== 'a') {
+        it(`renders a ${el} with slot-wrapper having correct classes`, async () => {
+          const wrapper = createWrapperFor(PBtn, {
+            attrs: { to },
+            global: {
+              stubs: { RouterLink: { template: '<section class="router-link-stub"><slot /></section>' } },
+            },
+          });
+
+          const slotWrapper = wrapper.find('.slot-wrapper');
+          expect(slotWrapper.classes()).toEqual(['slot-wrapper', 'empty:hidden']);
+        });
+      }
     });
 
     it.each([

package/squirrel/components/p-drawer/p-drawer.spec.js

@@ -174,22 +174,27 @@ describe('PDrawer basic functionality', () => {
     wrapper.unmount();
   });
 
-  it.each([
-    [true, 'renders', true, 'bg-black/20'],
-    [false, 'does not render', false, null],
-  ])('%s backdrop when showBackdrop is %s', async (showBackdrop, description, shouldExist, expectedClass) => {
-    const wrapper = createWrapperContainer({ showBackdrop });
+  it('renders backdrop when showBackdrop is true', async () => {
+    const wrapper = createWrapperContainer({ showBackdrop: true });
 
     await wrapper.setData({ showDrawer: true });
 
     const backdrop = wrapper.find('.fixed.bottom-0.left-0.right-0.top-0');
 
-    if (shouldExist) {
-      expect(backdrop.exists()).toBe(true);
-      expect(backdrop.classes()).toContain(expectedClass);
-    } else {
-      expect(backdrop.isVisible()).toBe(false);
-    }
+    expect(backdrop.exists()).toBe(true);
+    expect(backdrop.classes()).toContain('bg-black/20');
+
+    wrapper.unmount();
+  });
+
+  it('does not render backdrop when showBackdrop is false', async () => {
+    const wrapper = createWrapperContainer({ showBackdrop: false });
+
+    await wrapper.setData({ showDrawer: true });
+
+    const backdrop = wrapper.find('.fixed.bottom-0.left-0.right-0.top-0');
+
+    expect(backdrop.isVisible()).toBe(false);
 
     wrapper.unmount();
   });

package/squirrel/components/p-dropdown/p-dropdown.spec.js

@@ -149,23 +149,28 @@ describe('PDropdown.vue', () => {
     expect(destroyFn).toHaveBeenCalled();
   });
 
-  it.each([
-    [true, 'enables'],
-    [false, 'disables'],
-  ])('%s arrow navigation when enableArrowNavigation is %s', async (enableArrowNavigation, description) => {
+  it('enables arrow navigation when enableArrowNavigation is true', async () => {
     setupListKeyboardNavigation.mockImplementation(() => createMockedKbdNavigationSvc());
 
     createWrapper({
       props: {
-        enableArrowNavigation,
+        enableArrowNavigation: true,
+      },
+    });
+
+    expect(setupListKeyboardNavigation).toHaveBeenCalledTimes(1);
+  });
+
+  it('disables arrow navigation when enableArrowNavigation is false', async () => {
+    setupListKeyboardNavigation.mockImplementation(() => createMockedKbdNavigationSvc());
+
+    createWrapper({
+      props: {
+        enableArrowNavigation: false,
       },
     });
 
-    if (enableArrowNavigation) {
-      expect(setupListKeyboardNavigation).toHaveBeenCalledTimes(1);
-    } else {
-      expect(setupListKeyboardNavigation).not.toHaveBeenCalled();
-    }
+    expect(setupListKeyboardNavigation).not.toHaveBeenCalled();
   });
 
   it('handles escape key when enableCloseOnEsc is true', async () => {

package/squirrel/components/p-dropdown-select/p-dropdown-select.spec.js

@@ -595,11 +595,11 @@ describe('PDropdownSelect.vue', () => {
 
     const items = wrapper.findAll('[p-select-list-option-item]');
 
-    items.forEach((item) => {
-      if (item.text() !== '') {
-        expect(item.text().includes('44')).toBe(true);
-        expect(item.classes()).toContain('selected');
-      }
+    // Filter out empty items and check them separately
+    const nonEmptyItems = items.filter((item) => item.text() !== '');
+    nonEmptyItems.forEach((item) => {
+      expect(item.text().includes('44')).toBe(true);
+      expect(item.classes()).toContain('selected');
     });
 
     await wrapper.findByText('ff-a57d-beba44884da2').trigger('click');
@@ -608,13 +608,22 @@ describe('PDropdownSelect.vue', () => {
 
     const newItems = wrapper.findAll('[p-select-list-option-item]');
 
-    newItems.forEach((item) => {
+    // Split items into those with images and those without
+    const selectedItemTexts = ['4d68f93b-ec71-4f02-a1a2-ffb5d87be9f1', 'de5c4b8b-80e1-4475-aa8f-3e0fd0f9ddd7'];
+    const itemsWithImages = newItems.filter((item) => {
       const itemText = item.find('.truncate.text-p-purple-60').text();
-      if (itemText === '4d68f93b-ec71-4f02-a1a2-ffb5d87be9f1' || itemText === 'de5c4b8b-80e1-4475-aa8f-3e0fd0f9ddd7') {
-        expect(item.find('img').exists()).toBe(true);
-      } else {
-        expect(item.find('img').exists()).toBe(false);
-      }
+      return selectedItemTexts.includes(itemText);
+    });
+    const itemsWithoutImages = newItems.filter((item) => {
+      const itemText = item.find('.truncate.text-p-purple-60').text();
+      return !selectedItemTexts.includes(itemText);
+    });
+
+    itemsWithImages.forEach((item) => {
+      expect(item.find('img').exists()).toBe(true);
+    });
+    itemsWithoutImages.forEach((item) => {
+      expect(item.find('img').exists()).toBe(false);
     });
 
     expect(wrapper.vm.$data.selected).toEqual([1, 3]);
@@ -636,14 +645,18 @@ describe('PDropdownSelect.vue', () => {
 
     const listItems = wrapper.findAll('[p-select-list-option-item]');
 
-    listItems.forEach((item, i) => {
-      if (i === 0 || i === 1) {
-        expect(item.classes()).not.toContain('cursor-pointer');
-        expect(item.classes()).toContain('cursor-default');
-      } else {
-        expect(item.classes()).toContain('cursor-pointer');
-        expect(item.classes()).not.toContain('cursor-default');
-      }
+    // Test disabled items (indices 0 and 1)
+    const disabledItems = [listItems[0], listItems[1]];
+    disabledItems.forEach((item) => {
+      expect(item.classes()).not.toContain('cursor-pointer');
+      expect(item.classes()).toContain('cursor-default');
+    });
+
+    // Test enabled items (rest of the items)
+    const enabledItems = listItems.slice(2);
+    enabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-pointer');
+      expect(item.classes()).not.toContain('cursor-default');
     });
 
     cleanup(wrapper);
@@ -664,14 +677,18 @@ describe('PDropdownSelect.vue', () => {
 
     const listItems = wrapper.findAll('[p-select-list-option-item]');
 
-    listItems.forEach((item, i) => {
-      if (i === 0 || i === 1) {
-        expect(item.classes()).toContain('cursor-default');
-        expect(item.classes()).not.toContain('cursor-pointer');
-      } else {
-        expect(item.classes()).toContain('cursor-pointer');
-        expect(item.classes()).not.toContain('cursor-default');
-      }
+    // Test disabled items (indices 0 and 1) based on disabledBy prop
+    const disabledItems = [listItems[0], listItems[1]];
+    disabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-default');
+      expect(item.classes()).not.toContain('cursor-pointer');
+    });
+
+    // Test enabled items (rest of the items)
+    const enabledItems = listItems.slice(2);
+    enabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-pointer');
+      expect(item.classes()).not.toContain('cursor-default');
     });
 
     cleanup(wrapper);

package/squirrel/components/p-pagination/p-pagination.spec.js

@@ -12,37 +12,29 @@ describe('PPagination.vue', () => {
 
     const controls = await wrapper.findAll('div.w-6.h-6');
 
-    controls.forEach((control, i) => {
-      if (i === 0) {
-        expect(control.classes()).toContain('opacity-50');
-        expect(control.attributes()['aria-label']).toBe('go to the previous page');
-      }
-      if (i === 1) {
-        expect(control.text()).toBe('1');
-        expect(control.attributes()['aria-label']).toBe('go to page 1');
-      }
-      if (i === 2) {
-        expect(control.text()).toBe('2');
-        expect(control.attributes()['aria-label']).toBe('go to page 2');
-      }
-      if (i === 3) {
-        expect(control.text()).toBe('3');
-        expect(control.attributes()['aria-label']).toBe('go to page 3');
-      }
-      if (i === 4) {
-        expect(control.text()).toBe('...');
-        expect(control.attributes()['aria-label']).toBe(undefined);
-      }
-      if (i === 5) {
-        expect(control.text()).toBe('5');
-        expect(control.attributes()['aria-label']).toBe('go to page 5');
-      }
-      if (i === 6) {
-        expect(control.classes()).toContain('cursor-pointer');
-        expect(control.attributes()['aria-label']).toBe('go to the next page');
-      }
-    });
     expect(controls.length).toBe(7);
+
+    // Test each control directly by index to avoid conditional expects
+    expect(controls[0].classes()).toContain('opacity-50');
+    expect(controls[0].attributes()['aria-label']).toBe('go to the previous page');
+
+    expect(controls[1].text()).toBe('1');
+    expect(controls[1].attributes()['aria-label']).toBe('go to page 1');
+
+    expect(controls[2].text()).toBe('2');
+    expect(controls[2].attributes()['aria-label']).toBe('go to page 2');
+
+    expect(controls[3].text()).toBe('3');
+    expect(controls[3].attributes()['aria-label']).toBe('go to page 3');
+
+    expect(controls[4].text()).toBe('...');
+    expect(controls[4].attributes()['aria-label']).toBe(undefined);
+
+    expect(controls[5].text()).toBe('5');
+    expect(controls[5].attributes()['aria-label']).toBe('go to page 5');
+
+    expect(controls[6].classes()).toContain('cursor-pointer');
+    expect(controls[6].attributes()['aria-label']).toBe('go to the next page');
   });
 
   it(`updates the value bound with v-model`, async () => {

package/squirrel/components/p-select-btn/p-select-btn.spec.js

@@ -153,26 +153,28 @@ describe('PSelectBtn.vue', () => {
 
     const buttons = await wrapper.findAll('button');
 
-    buttons.forEach((button, i) => {
-      if (i !== 0 && i !== items.length - 1) {
-        expect(['rounded-none'].every((c) => button.classes().includes(c))).toBe(true);
-      }
-      if (i === 0) {
-        expect(['rounded-br-none', 'rounded-tr-none'].every((c) => button.classes().includes(c))).toBe(true);
-      }
-      if (i === items.length - 1) {
-        expect(['rounded-bl-none', 'rounded-tl-none'].every((c) => button.classes().includes(c))).toBe(true);
-      }
-      if (i !== items.length - 1) {
-        expect(button.classes()).toContain('-mr-0.5');
-      }
-
-      // Check highlightSelected prop
-      if (button.text() === 'Option 2') {
-        expect(button.attributes()['aria-selected']).toBe('true');
-      } else {
-        expect(button.attributes()['aria-selected']).toBe('false');
-      }
+    // Test first button (index 0)
+    expect(['rounded-br-none', 'rounded-tr-none'].every((c) => buttons[0].classes().includes(c))).toBe(true);
+    expect(buttons[0].classes()).toContain('-mr-0.5');
+
+    // Test middle buttons (not first, not last)
+    const middleButtons = buttons.slice(1, items.length - 1);
+    middleButtons.forEach((button) => {
+      expect(['rounded-none'].every((c) => button.classes().includes(c))).toBe(true);
+      expect(button.classes()).toContain('-mr-0.5');
+    });
+
+    // Test last button
+    const lastButton = buttons[items.length - 1];
+    expect(['rounded-bl-none', 'rounded-tl-none'].every((c) => lastButton.classes().includes(c))).toBe(true);
+
+    // Check highlightSelected prop - split into selected and non-selected buttons
+    const selectedButton = buttons.find((button) => button.text() === 'Option 2');
+    const nonSelectedButtons = buttons.filter((button) => button.text() !== 'Option 2');
+
+    expect(selectedButton.attributes()['aria-selected']).toBe('true');
+    nonSelectedButtons.forEach((button) => {
+      expect(button.attributes()['aria-selected']).toBe('false');
     });
   });
 
@@ -268,17 +270,23 @@ describe('PSelectBtn.vue', () => {
 
     const buttons = await wrapper.findAll('button');
 
+    // Test button text for all buttons
     buttons.forEach((button, i) => {
       const slotContent = button.text().split(' - ');
       const btnText = slotContent[0];
-      const isSelected = slotContent[1];
-
       expect(btnText).toBe(items[i].textCustom);
-      if (i === 1) {
-        expect(isSelected).toBe('true');
-      } else {
-        expect(isSelected).toBe('false');
-      }
+    });
+
+    // Test isSelected for the selected button (index 1)
+    const selectedButtonSlot = buttons[1].text().split(' - ');
+    expect(selectedButtonSlot[1]).toBe('true');
+
+    // Test isSelected for non-selected buttons
+    const nonSelectedButtons = buttons.filter((_, i) => i !== 1);
+    nonSelectedButtons.forEach((button) => {
+      const slotContent = button.text().split(' - ');
+      const isSelected = slotContent[1];
+      expect(isSelected).toBe('false');
     });
 
     expect(true).toBe(true);

package/squirrel/components/p-select-list/p-select-list.spec.js

@@ -476,11 +476,11 @@ describe('PSelectList.vue', () => {
 
     const items = wrapper.findAll('[p-select-list-option-item]');
 
-    items.forEach((item) => {
-      if (item.text() !== '') {
-        expect(item.text().includes('44')).toBe(true);
-        expect(item.classes()).toContain('selected');
-      }
+    // Filter out empty items and check them separately
+    const nonEmptyItems = items.filter((item) => item.text() !== '');
+    nonEmptyItems.forEach((item) => {
+      expect(item.text().includes('44')).toBe(true);
+      expect(item.classes()).toContain('selected');
     });
 
     await wrapper.findByText('ff-a57d-beba44884da2').trigger('click');
@@ -489,13 +489,22 @@ describe('PSelectList.vue', () => {
 
     const newItems = wrapper.findAll('[p-select-list-option-item]');
 
-    newItems.forEach((item) => {
+    // Split items into those with images and those without
+    const selectedItemTexts = ['4d68f93b-ec71-4f02-a1a2-ffb5d87be9f1', 'de5c4b8b-80e1-4475-aa8f-3e0fd0f9ddd7'];
+    const itemsWithImages = newItems.filter((item) => {
       const itemText = item.find('.truncate.text-p-purple-60').text();
-      if (itemText === '4d68f93b-ec71-4f02-a1a2-ffb5d87be9f1' || itemText === 'de5c4b8b-80e1-4475-aa8f-3e0fd0f9ddd7') {
-        expect(item.find('img').exists()).toBe(true);
-      } else {
-        expect(item.find('img').exists()).toBe(false);
-      }
+      return selectedItemTexts.includes(itemText);
+    });
+    const itemsWithoutImages = newItems.filter((item) => {
+      const itemText = item.find('.truncate.text-p-purple-60').text();
+      return !selectedItemTexts.includes(itemText);
+    });
+
+    itemsWithImages.forEach((item) => {
+      expect(item.find('img').exists()).toBe(true);
+    });
+    itemsWithoutImages.forEach((item) => {
+      expect(item.find('img').exists()).toBe(false);
     });
 
     expect(wrapper.vm.$data.selected).toEqual([1, 3]);
@@ -543,14 +552,18 @@ describe('PSelectList.vue', () => {
 
     const listItems = wrapper.findAll('[p-select-list-option-item]');
 
-    listItems.forEach((item, i) => {
-      if (i === 0 || i === 1) {
-        expect(item.classes()).toContain('cursor-default');
-        expect(item.classes()).not.toContain('cursor-pointer');
-      } else {
-        expect(item.classes()).toContain('cursor-pointer');
-        expect(item.classes()).not.toContain('cursor-default');
-      }
+    // Test disabled items (indices 0 and 1)
+    const disabledItems = [listItems[0], listItems[1]];
+    disabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-default');
+      expect(item.classes()).not.toContain('cursor-pointer');
+    });
+
+    // Test enabled items (rest of the items)
+    const enabledItems = listItems.slice(2);
+    enabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-pointer');
+      expect(item.classes()).not.toContain('cursor-default');
     });
 
     cleanup(wrapper);
@@ -567,14 +580,18 @@ describe('PSelectList.vue', () => {
 
     const listItems = wrapper.findAll('[p-select-list-option-item]');
 
-    listItems.forEach((item, i) => {
-      if (i === 0 || i === 1) {
-        expect(item.classes()).toContain('cursor-default');
-        expect(item.classes()).not.toContain('cursor-pointer');
-      } else {
-        expect(item.classes()).toContain('cursor-pointer');
-        expect(item.classes()).not.toContain('cursor-default');
-      }
+    // Test disabled items (indices 0 and 1) based on disabledBy prop
+    const disabledItems = [listItems[0], listItems[1]];
+    disabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-default');
+      expect(item.classes()).not.toContain('cursor-pointer');
+    });
+
+    // Test enabled items (rest of the items)
+    const enabledItems = listItems.slice(2);
+    enabledItems.forEach((item) => {
+      expect(item.classes()).toContain('cursor-pointer');
+      expect(item.classes()).not.toContain('cursor-default');
     });
 
     cleanup(wrapper);

package/squirrel/components/p-select-pill/p-select-pill.spec.js

@@ -219,12 +219,13 @@ describe('PSelectPill.vue', () => {
     // Test mounted lifecycle
     expect(wrapper.vm.$refs.pill).toBeDefined();
 
-    // Test that pill ref exists and style can be set
-    if (wrapper.vm.$refs.pill instanceof HTMLElement) {
-      wrapper.vm.setPillStyle();
-      expect(wrapper.vm.$refs.pill.style.left).toBeDefined();
-      expect(wrapper.vm.$refs.pill.style.width).toBeDefined();
-    }
+    // Test that pill ref exists and is an HTMLElement
+    expect(wrapper.vm.$refs.pill instanceof HTMLElement).toBe(true);
+
+    // Test that style can be set
+    wrapper.vm.setPillStyle();
+    expect(wrapper.vm.$refs.pill.style.left).toBeDefined();
+    expect(wrapper.vm.$refs.pill.style.width).toBeDefined();
 
     wrapper.unmount();
   });