diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 94c5d35f..6ffd3f1e 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1783,6 +1783,7 @@ watch(
             >
               <q-tab
                 name="employer"
+                id="tab-employer"
                 @click="
                   async () => {
                     selectorLabel = 'EMPLOYER';
@@ -1804,6 +1805,7 @@ watch(
               </q-tab>
               <q-tab
                 name="employee"
+                id="tab-employee"
                 @click="
                   async () => {
                     selectorLabel = 'EMPLOYEE';
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index f8913215..45c365fa 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -150,12 +150,12 @@ const treeProductTypeAndGroup = computed(() => {
         type: 'group',
         children:
           item.id === currentId.value
-            ? recordTreeProductType.value[currentId.value]?.map((item) => ({
-                ...item,
+            ? recordTreeProductType.value[currentId.value]?.map((x) => ({
+                ...x,
                 type: 'type',
               })) ?? []
-            : recordTreeProductType.value[item.id]?.map((item) => ({
-                ...item,
+            : recordTreeProductType.value[item.id]?.map((x) => ({
+                ...x,
                 type: 'type',
               })) ?? [],
       };
@@ -1688,6 +1688,7 @@ watch(
                 >
                   <q-select
                     v-model="currentStatus"
+                    for="select-status"
                     outlined
                     dense
                     option-value="value"
@@ -2395,6 +2396,7 @@ watch(
                 >
                   <q-btn
                     icon="mdi-tune-vertical-variant"
+                    id="btn-status"
                     size="sm"
                     :color="$q.dark.isActive ? 'dark' : 'white'"
                     :text-color="$q.dark.isActive ? 'white' : 'dark'"
@@ -2533,6 +2535,7 @@ watch(
                   align="left"
                 >
                   <q-tab
+                    id="tab-service"
                     name="service"
                     @click="
                       async () => {
@@ -2556,6 +2559,7 @@ watch(
                     </div>
                   </q-tab>
                   <q-tab
+                    id="tab-product"
                     name="product"
                     @click="
                       async () => {
@@ -3258,6 +3262,7 @@ watch(
       <div class="row items-center">
         <q-space />
         <q-input
+          id="input-search-add-product"
           outlined
           style="width: 250px"
           dense