feat: data-test

modules/account/components/Control/Actions.vue

@@ -6,7 +6,13 @@
       <div class="desc">
         {{ $t(action.description) }}
       </div>
-      <b-button type="is-primary" outlined @mousedown.prevent @click="action.onClick">
+      <b-button
+        type="is-primary"
+        outlined
+        :data-test="action.dataAttribute"
+        @mousedown.prevent
+        @click="action.onClick"
+      >
         {{ $t(action.button) }}
       </b-button>
     </div>
@@ -15,7 +21,9 @@
       <div class="desc">
         {{ $t('account.control.fileDesc') }}
       </div>
-      <b-switch :value="isEnabledSaveFile" size="is-medium" @input="handleEnabledSaveFile" />
+      <div data-test="download_notes__config_switch">
+        <b-switch :value="isEnabledSaveFile" size="is-medium" @input="handleEnabledSaveFile" />
+      </div>
     </div>
   </div>
 </template>
@@ -36,19 +44,22 @@ export default {
           icon: 'account-notes',
           onClick: this.getEncryptedNotes,
           button: 'account.control.loadAll',
-          description: 'account.control.loadAllDesc'
+          description: 'account.control.loadAllDesc',
+          dataAttribute: 'load_all_encrypted_notes_button'
         },
         {
           icon: 'account-key',
           onClick: this.openRecoverKeyModal,
           button: 'account.control.showRecoveryKey',
-          description: 'account.control.showRecoveryKeyDesc'
+          description: 'account.control.showRecoveryKeyDesc',
+          dataAttribute: 'reveal_current_note_account'
         },
         {
           icon: 'account-remove',
           button: 'account.control.remove',
           onClick: this.handleRemoveAccount,
-          description: 'account.control.removeDesc'
+          description: 'account.control.removeDesc',
+          dataAttribute: 'clear_account_info_button'
         }
       ]
     }

modules/account/components/Control/Header.vue

@@ -2,7 +2,7 @@
   <div class="address">
     <div class="address-item">
       <div class="label">{{ $t('account.account') }}</div>
-      <div class="value">{{ accounts.encrypt }}</div>
+      <div class="value" data-test="note_account_address">{{ accounts.encrypt }}</div>
     </div>
     <div class="address-item">
       <div class="label">{{ $t('account.backedUpWith') }}</div>

modules/account/components/Settings/Actions.vue

@@ -5,17 +5,31 @@
       <div class="desc">
         {{ isLoggedIn ? $t('account.wallet.disconnect') : $t('account.wallet.desc') }}
       </div>
-      <b-button v-if="isLoggedIn" type="is-primary" outlined @mousedown.prevent @click="onLogOut">
+      <b-button
+        v-if="isLoggedIn"
+        type="is-primary"
+        outlined
+        data-test="button_disconnect_account"
+        @mousedown.prevent
+        @click="onLogOut"
+      >
         {{ $t('account.wallet.logout') }}
       </b-button>
-      <connect-button v-else outlined action-text="account.wallet.connectWeb3" />
+      <connect-button
+        v-else
+        outlined
+        action-text="account.wallet.connectWeb3"
+        data-test="button_connect_web3"
+      />
     </div>
     <div class="action-item">
       <b-icon icon="account-rpc" size="is-large" />
       <div class="desc">
         {{ $t('account.wallet.rpcDesc') }}
       </div>
-      <b-button type="is-primary" outlined @click="onSettings">{{ $t('account.wallet.changeRpc') }}</b-button>
+      <b-button type="is-primary" data-test="button_change_rpc" outlined @click="onSettings">{{
+        $t('account.wallet.changeRpc')
+      }}</b-button>
     </div>
   </div>
 </template>

modules/account/components/Setup/Actions.vue

@@ -6,9 +6,15 @@
         {{ $t('account.setup.desc') }}
       </div>
       <b-tooltip :active="isAccountDisabled" :label="$t(setupAccountTooltip)" multilined size="is-large">
-        <b-button :disabled="isAccountDisabled" outlined type="is-primary" @click="showSetupModal">{{
-          $t('account.setup.account')
-        }}</b-button>
+        <b-button
+          :disabled="isAccountDisabled"
+          outlined
+          type="is-primary"
+          data-test="button_setup_account"
+          @click="showSetupModal"
+        >
+          {{ $t('account.setup.account') }}
+        </b-button>
       </b-tooltip>
     </div>
     <div class="action-item">
@@ -17,7 +23,13 @@
         {{ $t('account.setup.recoverDesc') }}
       </div>
       <b-tooltip :active="isRecoverDisabled" :label="$t(recoverAccountTooltip)" multilined size="is-large">
-        <b-button type="is-primary" outlined :disabled="isRecoverDisabled" @click="handleRecoverAccount">
+        <b-button
+          type="is-primary"
+          outlined
+          :disabled="isRecoverDisabled"
+          data-test="button_recover_account"
+          @click="handleRecoverAccount"
+        >
           {{ $t('account.setup.recover') }}
         </b-button>
       </b-tooltip>
@@ -27,9 +39,13 @@
       <div class="desc">
         {{ $t('account.setup.enterRawDesc') }}
       </div>
-      <b-button type="is-primary" outlined @click="showRecoverKeyModal">{{
-        $t('account.setup.enterRaw')
-      }}</b-button>
+      <b-button
+        type="is-primary"
+        outlined
+        data-test="button_enter_account_key"
+        @click="showRecoverKeyModal"
+        >{{ $t('account.setup.enterRaw') }}</b-button
+      >
     </div>
   </div>
 </template>

modules/account/components/Setup/Header.vue

@@ -2,7 +2,7 @@
   <div class="address">
     <div class="address-item">
       <div class="label">{{ $t('account.account') }}</div>
-      <div class="value">{{ accounts.backup }}</div>
+      <div class="value" data-test="note_account_address">{{ accounts.backup }}</div>
     </div>
     <div class="address-item">
       <div class="label">{{ $t('account.backedUpWith') }}</div>

modules/account/modals/DecryptInfo.vue

@@ -22,10 +22,10 @@
       </template>
     </div>
     <div class="buttons buttons__halfwidth mt-3">
-      <b-button type="is-primary" outlined @click="onClose">
+      <b-button type="is-primary" outlined data-test="button_close_your_note_popup" @click="onClose">
         {{ $parent.$t('account.modals.decryptInfo.close') }}
       </b-button>
-      <b-button type="is-primary" @click="handleRedirect">
+      <b-button type="is-primary" data-test="button_main_page_your_notes_popup" @click="handleRedirect">
         {{ $parent.$t('account.modals.decryptInfo.redirect') }}
       </b-button>
     </div>

modules/account/modals/RecoverAccount.vue

@@ -14,6 +14,7 @@
         class="is-disabled-resize"
         rows="2"
         :placeholder="$t('enterRecoveryKey')"
+        data-test="input_enter_recovery_key"
         :class="{ 'is-warning': hasAndValidKey }"
         @input="onInput"
       ></b-input>
@@ -33,6 +34,7 @@
       type="is-primary is-fullwidth"
       :disabled="hasAndValidKey"
       :loading="recoverAccountFromKeyRequest.isFetching"
+      data-test="button_connect_recovery_key"
       @click="handleRecoverAccount"
     >
       {{ $t('account.modals.recoverAccount.connect') }}

modules/account/modals/SetupAccount.vue

@@ -44,6 +44,7 @@
     <b-button
       v-if="!isBackuped && isSaveOnChain"
       type="is-primary is-fullwidth"
+      data-test="button_confirm_setup_account"
       :loading="setupAccountRequest.isFetching"
       @click="onSetupAccount"
     >