From 8247ba0cfd3f559067e6419f2dc5d8feee40716f Mon Sep 17 00:00:00 2001
From: zlayine <zlayine@enjin.io>
Date: Wed, 6 Dec 2023 09:46:36 +0300
Subject: [PATCH] add dusk attributes

---
 resources/js/components/FormList.vue                     | 9 +++++++--
 resources/js/components/ReadMoreButton.vue               | 4 +++-
 resources/js/components/batch/BatchSetAttribute.vue      | 4 +++-
 resources/js/components/batch/forms/BatchMintForm.vue    | 4 +++-
 resources/js/components/beam/ClaimableTokenForm.vue      | 4 +++-
 resources/js/components/fueltank/DispatchRuleForm.vue    | 6 ++++--
 resources/js/components/pages/Settings.vue               | 4 ++--
 .../js/components/pages/create/CreateCollection.vue      | 9 ++++++---
 resources/js/components/pages/create/CreateFuelTank.vue  | 3 ++-
 resources/js/components/pages/create/CreateToken.vue     | 4 +++-
 .../slideovers/collection/MutateCollectionSlideover.vue  | 5 +++--
 .../slideovers/fueltank/AccountsFuelTankSlideover.vue    | 3 ++-
 .../slideovers/fueltank/DispatchFuelTankSlideover.vue    | 4 +++-
 .../slideovers/fueltank/MutateFuelTankSlideover.vue      | 3 ++-
 14 files changed, 46 insertions(+), 20 deletions(-)

diff --git a/resources/js/components/FormList.vue b/resources/js/components/FormList.vue
index aa18b0a..887953c 100644
--- a/resources/js/components/FormList.vue
+++ b/resources/js/components/FormList.vue
@@ -28,9 +28,14 @@
                 leave-to-class="transform opacity-0 scale-95"
             >
                 <div v-for="(item, idx) in localItems" :key="idx" class="flex flex-row flex-nowrap gap-3 md:gap-6">
-                    <slot name="inputs" :inputs="item" />
+                    <slot name="inputs" :inputs="item" :index="idx" />
 
-                    <button type="button" class="my-auto cursor-pointer" @click="emit('remove', idx)">
+                    <button
+                        type="button"
+                        :dusk="`btn__remove-item-${idx + 1}`"
+                        class="my-auto cursor-pointer"
+                        @click="emit('remove', idx)"
+                    >
                         <TrashIcon class="h-5 w-5 text-red-600" aria-hidden="true" />
                     </button>
                 </div>
diff --git a/resources/js/components/ReadMoreButton.vue b/resources/js/components/ReadMoreButton.vue
index 20695c4..79904dc 100644
--- a/resources/js/components/ReadMoreButton.vue
+++ b/resources/js/components/ReadMoreButton.vue
@@ -1,5 +1,7 @@
 <template>
-    <span class="underline text-gray-400 cursor-pointer text-xs" @click="sendReadmoreEvent">Read more</span>
+    <span dusk="btn__readmore" class="underline text-gray-400 cursor-pointer text-xs" @click="sendReadmoreEvent">
+        Read more
+    </span>
 </template>
 
 <script setup lang="ts">
diff --git a/resources/js/components/batch/BatchSetAttribute.vue b/resources/js/components/batch/BatchSetAttribute.vue
index 5011fa0..5b5f65d 100644
--- a/resources/js/components/batch/BatchSetAttribute.vue
+++ b/resources/js/components/batch/BatchSetAttribute.vue
@@ -71,10 +71,11 @@
                             </div>
                             <div class="w-5"></div>
                         </template>
-                        <template #inputs="{ inputs }">
+                        <template #inputs="{ inputs, index }">
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.key"
+                                    :dusk="`input__attribute-key-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
@@ -82,6 +83,7 @@
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.value"
+                                    :dusk="`input__attribute-value-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
diff --git a/resources/js/components/batch/forms/BatchMintForm.vue b/resources/js/components/batch/forms/BatchMintForm.vue
index 8cc7283..6e7b43f 100644
--- a/resources/js/components/batch/forms/BatchMintForm.vue
+++ b/resources/js/components/batch/forms/BatchMintForm.vue
@@ -111,10 +111,11 @@
                                     </div>
                                     <div class="w-5"></div>
                                 </template>
-                                <template #inputs="{ inputs }">
+                                <template #inputs="{ inputs, index }">
                                     <div class="flex-1">
                                         <input
                                             v-model="inputs.key"
+                                            :dusk="`input__attribute-key-${index + 1}`"
                                             type="text"
                                             class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                         />
@@ -122,6 +123,7 @@
                                     <div class="flex-1">
                                         <input
                                             v-model="inputs.value"
+                                            :dusk="`input__attribute-value-${index + 1}`"
                                             type="text"
                                             class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                         />
diff --git a/resources/js/components/beam/ClaimableTokenForm.vue b/resources/js/components/beam/ClaimableTokenForm.vue
index 9d49dfa..13964b8 100644
--- a/resources/js/components/beam/ClaimableTokenForm.vue
+++ b/resources/js/components/beam/ClaimableTokenForm.vue
@@ -61,10 +61,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.key"
+                                        :dusk="`input__attribute-key-${index + 1}`"
                                         type="text"
                                         class="mt-2 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
@@ -72,6 +73,7 @@
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.value"
+                                        :dusk="`input__attribute-value-${index + 1}`"
                                         type="text"
                                         class="mt-2 block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
diff --git a/resources/js/components/fueltank/DispatchRuleForm.vue b/resources/js/components/fueltank/DispatchRuleForm.vue
index 4d3dc22..70d9182 100644
--- a/resources/js/components/fueltank/DispatchRuleForm.vue
+++ b/resources/js/components/fueltank/DispatchRuleForm.vue
@@ -26,10 +26,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.caller"
+                                        :dusk="`input__caller-${index + 1}`"
                                         type="text"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
@@ -74,10 +75,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.collection"
+                                        :dusk="`input__collection-id-${index + 1}`"
                                         type="number"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
diff --git a/resources/js/components/pages/Settings.vue b/resources/js/components/pages/Settings.vue
index d88e1aa..a86a7e4 100644
--- a/resources/js/components/pages/Settings.vue
+++ b/resources/js/components/pages/Settings.vue
@@ -28,7 +28,7 @@
                                 placeholder="Enter token name"
                             />
                             <Btn
-                                id="create-api-token-button"
+                                dusk="btn__create-api-token"
                                 primary
                                 class="py-2.5 disabled:!bg-primary"
                                 @click="createApiToken"
@@ -68,7 +68,7 @@
                                         />
                                     </span>
                                 </div>
-                                <Btn :id="`revoke-api-button__${token.name}`" error @click="confirmRevoke(token.name)">
+                                <Btn :dusk="`btn__revoke-api${token.name}`" error @click="confirmRevoke(token.name)">
                                     Revoke
                                 </Btn>
                             </div>
diff --git a/resources/js/components/pages/create/CreateCollection.vue b/resources/js/components/pages/create/CreateCollection.vue
index 0d30249..8f9c528 100644
--- a/resources/js/components/pages/create/CreateCollection.vue
+++ b/resources/js/components/pages/create/CreateCollection.vue
@@ -115,16 +115,17 @@
                             </div>
                             <div class="w-5"></div>
                         </template>
-                        <template #inputs="{ inputs }">
+                        <template #inputs="{ inputs, index }">
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.collectionId"
+                                    :dusk="`input__collection-id-${index + 1}`"
                                     type="number"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
                             </div>
                             <div class="flex-1">
-                                <TokenIdInput v-model="inputs.tokenId" />
+                                <TokenIdInput v-model="inputs.tokenId" :dusk="`input_token-id-${index + 1}`" />
                             </div>
                         </template>
                     </FormList>
@@ -151,10 +152,11 @@
                             </div>
                             <div class="w-5"></div>
                         </template>
-                        <template #inputs="{ inputs }">
+                        <template #inputs="{ inputs, index }">
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.key"
+                                    :dusk="`input__attribute-key-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
@@ -162,6 +164,7 @@
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.value"
+                                    :dusk="`input__attribute-value-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
diff --git a/resources/js/components/pages/create/CreateFuelTank.vue b/resources/js/components/pages/create/CreateFuelTank.vue
index 29cc953..7b25e94 100644
--- a/resources/js/components/pages/create/CreateFuelTank.vue
+++ b/resources/js/components/pages/create/CreateFuelTank.vue
@@ -78,10 +78,11 @@
                                         </div>
                                         <div class="w-5"></div>
                                     </template>
-                                    <template #inputs="{ inputs }">
+                                    <template #inputs="{ inputs, index }">
                                         <div class="flex-1">
                                             <input
                                                 v-model="inputs.caller"
+                                                :dusk="`input__caller-${index + 1}`"
                                                 type="text"
                                                 class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                             />
diff --git a/resources/js/components/pages/create/CreateToken.vue b/resources/js/components/pages/create/CreateToken.vue
index ee8246b..a8b334b 100644
--- a/resources/js/components/pages/create/CreateToken.vue
+++ b/resources/js/components/pages/create/CreateToken.vue
@@ -157,10 +157,11 @@
                             </div>
                             <div class="w-5"></div>
                         </template>
-                        <template #inputs="{ inputs }">
+                        <template #inputs="{ inputs, index }">
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.key"
+                                    :dusk="`input__attribute-key-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
@@ -168,6 +169,7 @@
                             <div class="flex-1">
                                 <input
                                     v-model="inputs.value"
+                                    :dusk="`input__attribute-value-${index + 1}`"
                                     type="text"
                                     class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                 />
diff --git a/resources/js/components/slideovers/collection/MutateCollectionSlideover.vue b/resources/js/components/slideovers/collection/MutateCollectionSlideover.vue
index eacdc76..4b12314 100644
--- a/resources/js/components/slideovers/collection/MutateCollectionSlideover.vue
+++ b/resources/js/components/slideovers/collection/MutateCollectionSlideover.vue
@@ -64,16 +64,17 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.collectionId"
+                                        :dusk="`input__collection-id-${index + 1}`"
                                         type="number"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
                                 </div>
                                 <div class="flex-1">
-                                    <TokenIdInput v-model="inputs.tokenId" />
+                                    <TokenIdInput v-model="inputs.tokenId" :dusk="`input__token-id-${index + 1}`" />
                                 </div>
                             </template>
                         </FormList>
diff --git a/resources/js/components/slideovers/fueltank/AccountsFuelTankSlideover.vue b/resources/js/components/slideovers/fueltank/AccountsFuelTankSlideover.vue
index 35e49f7..85b883a 100644
--- a/resources/js/components/slideovers/fueltank/AccountsFuelTankSlideover.vue
+++ b/resources/js/components/slideovers/fueltank/AccountsFuelTankSlideover.vue
@@ -43,10 +43,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.userId"
+                                        :dusk="`input__user-id-${index + 1}`"
                                         type="text"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
diff --git a/resources/js/components/slideovers/fueltank/DispatchFuelTankSlideover.vue b/resources/js/components/slideovers/fueltank/DispatchFuelTankSlideover.vue
index ae3d0ef..774591c 100644
--- a/resources/js/components/slideovers/fueltank/DispatchFuelTankSlideover.vue
+++ b/resources/js/components/slideovers/fueltank/DispatchFuelTankSlideover.vue
@@ -58,10 +58,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.key"
+                                        :dusk="`input__attribute-key-${index + 1}`"
                                         type="text"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
@@ -69,6 +70,7 @@
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.value"
+                                        :dusk="`input__attribute-value-${index + 1}`"
                                         type="text"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />
diff --git a/resources/js/components/slideovers/fueltank/MutateFuelTankSlideover.vue b/resources/js/components/slideovers/fueltank/MutateFuelTankSlideover.vue
index fc2d34f..38edfde 100644
--- a/resources/js/components/slideovers/fueltank/MutateFuelTankSlideover.vue
+++ b/resources/js/components/slideovers/fueltank/MutateFuelTankSlideover.vue
@@ -54,10 +54,11 @@
                                 </div>
                                 <div class="w-5"></div>
                             </template>
-                            <template #inputs="{ inputs }">
+                            <template #inputs="{ inputs, index }">
                                 <div class="flex-1">
                                     <input
                                         v-model="inputs.caller"
+                                        :dusk="`input__caller-${index + 1}`"
                                         type="text"
                                         class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6"
                                     />