From e7fdd91e433dd2c2349e6c8fabfbd520e6f6eea9 Mon Sep 17 00:00:00 2001
From: Paula Quispe <paula.quispe@processmaker.com>
Date: Thu, 16 Jan 2025 15:02:41 -0400
Subject: [PATCH] FOUR-20593

---
 .../cases/casesDetail/components/EllipsisMenu.vue              | 2 +-
 .../jscomposition/cases/casesMain/components/BadgesSection.vue | 1 +
 resources/jscomposition/system/table/FilterableTable.vue       | 1 +
 .../system/table/filter/defaultFilter/FooterButtons.vue        | 3 +++
 .../system/table/filter/defaultFilter/SortingButtons.vue       | 2 ++
 .../table/filter/defaultFilter/operator/FilterOperator.vue     | 1 +
 6 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/jscomposition/cases/casesDetail/components/EllipsisMenu.vue b/resources/jscomposition/cases/casesDetail/components/EllipsisMenu.vue
index adfe7022fe..e86f963bb5 100644
--- a/resources/jscomposition/cases/casesDetail/components/EllipsisMenu.vue
+++ b/resources/jscomposition/cases/casesDetail/components/EllipsisMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tw-float-right tw-absolute tw-right-4 tw-top-0" />
+  <div id="filters" class="tw-float-right tw-absolute tw-right-4 tw-top-0" />
 </template>
 
 <script setup>
diff --git a/resources/jscomposition/cases/casesMain/components/BadgesSection.vue b/resources/jscomposition/cases/casesMain/components/BadgesSection.vue
index ce6c5cafda..d530259b22 100644
--- a/resources/jscomposition/cases/casesMain/components/BadgesSection.vue
+++ b/resources/jscomposition/cases/casesMain/components/BadgesSection.vue
@@ -6,6 +6,7 @@
     <Badge
       v-for="(item, index) in data"
       :key="item.fieldName"
+      :id="`badge-${item.fieldName.replace(/\s+/g, '-')}`"
       class="tw-text-xs tw-bg-gray-100"
       color="gray">
       <span>
diff --git a/resources/jscomposition/system/table/FilterableTable.vue b/resources/jscomposition/system/table/FilterableTable.vue
index 4892974977..11b6d11a7d 100644
--- a/resources/jscomposition/system/table/FilterableTable.vue
+++ b/resources/jscomposition/system/table/FilterableTable.vue
@@ -9,6 +9,7 @@
       v-for="(column, index) in columns"
       #[`theader-filter-${column.field}`]>
       <FilterColumn
+        :id="column.field"
         v-if="column.filter"
         :key="`default-${index}-${hasFilter(index,column)}`"
         :filter="column.filter"
diff --git a/resources/jscomposition/system/table/filter/defaultFilter/FooterButtons.vue b/resources/jscomposition/system/table/filter/defaultFilter/FooterButtons.vue
index a678920d39..daa413691a 100644
--- a/resources/jscomposition/system/table/filter/defaultFilter/FooterButtons.vue
+++ b/resources/jscomposition/system/table/filter/defaultFilter/FooterButtons.vue
@@ -1,18 +1,21 @@
 <template>
   <div class="tw-flex tw-space-x-2 tw-justify-end tw-font-semibold">
     <OutlineButton
+      id="cancel-btn"
       class="!tw-py-2"
       @click="$emit('cancel')">
       <span>{{ $t("Cancel") }}</span>
     </OutlineButton>
 
     <OutlineButton
+      id="clear-btn"
       class="!tw-py-2"
       @click="$emit('clear')">
       <span>{{ $t("Clear") }}</span>
     </OutlineButton>
 
     <OutlineButton
+      id="apply-btn"
       class="!tw-py-2 tw-bg-gray-500 tw-text-white hover:tw-bg-gray-700"
       @click="$emit('apply')">
       <span>{{ $t("Apply") }}</span>
diff --git a/resources/jscomposition/system/table/filter/defaultFilter/SortingButtons.vue b/resources/jscomposition/system/table/filter/defaultFilter/SortingButtons.vue
index bfc4d66f76..43cae81b4a 100644
--- a/resources/jscomposition/system/table/filter/defaultFilter/SortingButtons.vue
+++ b/resources/jscomposition/system/table/filter/defaultFilter/SortingButtons.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="tw-flex tw-justify-center tw-text-gray-500 tw-text-xs">
     <div
+      id="sort-asc"
       class="tw-space-x-2 tw-inline-flex tw-items-center
         tw-rounded-l-md tw-px-3 tw-py-2 tw-ring-1 tw-ring-inset
         tw-ring-gray-300 hover:tw-bg-gray-100 focus:tw-z-10"
@@ -11,6 +12,7 @@
     </div>
 
     <div
+      id="sort-desc"
       class="tw-space-x-2 -tw-ml-px tw-inline-flex tw-items-center
         tw-rounded-r-md tw-px-3 tw-py-2 tw-ring-1 tw-ring-inset tw-ring-gray-300
         hover:tw-bg-gray-100 focus:tw-z-10"
diff --git a/resources/jscomposition/system/table/filter/defaultFilter/operator/FilterOperator.vue b/resources/jscomposition/system/table/filter/defaultFilter/operator/FilterOperator.vue
index 3f8ea4280f..dc72ae11d1 100644
--- a/resources/jscomposition/system/table/filter/defaultFilter/operator/FilterOperator.vue
+++ b/resources/jscomposition/system/table/filter/defaultFilter/operator/FilterOperator.vue
@@ -13,6 +13,7 @@
       :config="config"
       placeholder="Type value"
       class="tw-flex-1"
+      id="filter-value"
       @change="onChangeValue" />
   </div>
 </template>