feat: data-test

This commit is contained in:
Pasha8914 2022-05-16 22:08:17 +10:00 committed by Danil Kovtonyuk
parent a8a497a8a3
commit 4cac9d663f
25 changed files with 207 additions and 62 deletions

@ -1,14 +1,20 @@
<template>
<b-tab-item :label="$t('deposit')">
<b-tab-item :label="$t('deposit')" header-class="button_tab_deposit">
<fieldset>
<b-field :label="$t('token')">
<b-field :label="$t('token')" data-test="token_list_dropdown">
<b-dropdown v-model="selectedToken" expanded aria-role="list">
<div slot="trigger" class="control">
<div class="input">
<span>{{ selectedCurrency }}</span>
</div>
</div>
<b-dropdown-item v-for="(token, key) in tokens" :key="key" aria-role="listitem" :value="key">
<b-dropdown-item
v-for="(token, key) in tokens"
:key="key"
aria-role="listitem"
:value="key"
:data-test="token.dataTest"
>
{{ token.symbol }}
</b-dropdown-item>
</b-dropdown>
@ -18,7 +24,7 @@
{{ $t('amount') }}
<b-tooltip :label="$t('amountTooltip')" size="is-small" position="is-right" multilined>
<button class="button is-primary has-icon">
<span class="icon icon-info"></span>
<span class="icon icon-info" data-test="choose_amount_info"></span>
</button>
</b-tooltip>
</template>
@ -30,13 +36,24 @@
@input="changeAmount"
>
<template v-for="({ amount, address }, key) in amounts">
<b-step-item :key="key" :label="shortenAmount(amount)" :clickable="address !== ''"></b-step-item>
<b-step-item
:key="key"
:label="shortenAmount(amount)"
:clickable="address !== ''"
:header-class="`token-${selectedToken}-${amount}`"
></b-step-item>
</template>
</b-steps>
</b-field>
</fieldset>
<connect-button v-if="!isLoggedIn" type="is-primary is-fullwidth" />
<b-button v-else type="is-primary is-fullwidth" :loading="isDepositBtnClicked" @click="onDeposit">
<connect-button v-if="!isLoggedIn" type="is-primary is-fullwidth" data-test="button_connect" />
<b-button
v-else
type="is-primary is-fullwidth"
:loading="isDepositBtnClicked"
data-test="button_deposit"
@click="onDeposit"
>
{{ $t('depositButton') }}
</b-button>
</b-tab-item>
@ -79,7 +96,14 @@ export default {
}
},
tokens() {
return this.networkConfig.tokens
return Object.keys(this.networkConfig.tokens).reduce((acc, curr) => {
const item = this.networkConfig.tokens[curr]
acc[curr] = {
...item,
dataTest: `token_list_${item.symbol.toLowerCase()}`
}
return acc
}, {})
},
selectedToken: {
get() {

@ -46,7 +46,9 @@
</i18n>
</b-checkbox>
<template v-if="!isSetupAccount || !isEncrypted">
<b-checkbox v-model="isBackuped">{{ $t('iBackedUpTheNote') }}</b-checkbox>
<b-checkbox v-model="isBackuped" data-test="backup_note_checkbox">{{
$t('iBackedUpTheNote')
}}</b-checkbox>
<div v-if="isBackuped && isIPFS" class="notice is-warning">
<div class="notice__p">{{ $t('yourNoteWontBeSaved') }}</div>
</div>
@ -56,6 +58,7 @@
v-else
type="is-primary is-fullwidth"
:disabled="disableButton || (!isValidGasPrice && !eipSupported)"
data-test="send_deposit_button"
@click="_sendDeposit"
>
{{ $t('sendDeposit') }}

@ -30,7 +30,12 @@
<div class="column is-hash" :data-label="$t('txHash')">
<div class="details">
<p class="detail">
<a class="detail-description" :href="txExplorerUrl(tx.txHash)" target="_blank">
<a
data-test="txhash_text"
class="detail-description"
:href="txExplorerUrl(tx.txHash)"
target="_blank"
>
{{ tx.txHash }}
</a>
</p>
@ -42,6 +47,7 @@
<b-tooltip :active="activeCopyTooltip" :label="tooltipCopy" position="is-left" multilined>
<b-button
type="is-primary hide-icon-desktop"
data-test="decrypt_note_button"
size="is-small"
icon-left="decrypt"
:disabled="disableCopyButton"
@ -50,7 +56,13 @@
{{ $t('decrypt') }}
</b-button>
</b-tooltip>
<b-button type="is-dark" size="is-small" icon-right="remove" @click="onClose" />
<b-button
type="is-dark"
data-test="remove_note_button"
size="is-small"
icon-right="remove"
@click="onClose"
/>
</div>
</div>
</div>

@ -14,7 +14,12 @@
<b-skeleton v-if="!job.txHash && job.status !== 'FAILED'" />
<div v-else class="details">
<p class="detail">
<a class="detail-description" :href="txExplorerUrl(job.txHash)" target="_blank">
<a
data-test="txhash_text"
class="detail-description"
:href="txExplorerUrl(job.txHash)"
target="_blank"
>
{{ job.txHash }}
</a>
</p>

@ -1,7 +1,7 @@
<template>
<b-loading v-model="enabled">
<div class="loading-container">
<div class="loading-tornado"></div>
<div class="loading-tornado" data-test="tornado_loader"></div>
<div class="loading-message">{{ message }}...</div>
<approve-loader v-if="isApprove" />
</div>

@ -1,7 +1,7 @@
<template>
<b-navbar wrapper-class="container" class="header">
<template slot="brand">
<b-navbar-item tag="router-link" to="/" active-class="">
<b-navbar-item tag="router-link" to="/" data-test="tornado_main_page" active-class="">
<Logo />
</b-navbar-item>
</template>
@ -27,9 +27,16 @@
<b-navbar-item tag="div">
<div class="buttons">
<network-navbar-icon />
<metamask-navbar-icon />
<indicator />
<b-button icon-left="settings" type="is-primary" outlined @mousedown.prevent @click="onAccount">
<metamask-navbar-icon data-test="metamask_connection_state" />
<indicator data-test="note_account_connection_state" />
<b-button
icon-left="settings"
type="is-primary"
outlined
data-test="button_settings"
@mousedown.prevent
@click="onAccount"
>
{{ $t('settings') }}
</b-button>
</div>

@ -6,10 +6,11 @@
</header>
<div class="networks">
<div
v-for="{ name, chainId } in networks"
v-for="{ name, chainId, dataTest } in networks"
:key="chainId"
class="item"
:class="{ 'is-active': chainId === netId }"
:data-test="dataTest"
@click="setNetwork(chainId)"
>
<b-icon class="network-icon" :icon="`${name}`.replace(/\)?\s\(?/g, '-').toLowerCase()" />
@ -39,6 +40,7 @@ export default {
return Object.keys(this.networkConfig).map((key) => {
return {
name: this.networkConfig[key].networkName,
dataTest: `${this.networkConfig[key].networkName.split(' ').join('_')}__network`,
chainId: Number(key.replace('netId', ''))
}
})

@ -1,5 +1,7 @@
<template>
<b-button :icon-left="iconName" class="network-button" @click="onClick">{{ shortNetworkName }}</b-button>
<b-button :icon-left="iconName" class="network-button" data-test="button_network" @click="onClick">{{
shortNetworkName
}}</b-button>
</template>
<script>

@ -21,7 +21,7 @@
<a v-if="notice.nova" href="https://nova.tornadocash.eth.link" target="_blank">
Tornado Cash Nova
</a>
<a v-if="notice.txHash" :href="txExplorerUrl(notice.txHash)" target="_blank">
<a v-if="notice.txHash" :href="txExplorerUrl(notice.txHash)" target="_blank" data-test="popup_message">
{{ $t('viewOnEtherscan') }}
</a>
<n-link v-else-if="notice.routerLink" v-bind="notice.routerLink.params" @onClick="$forceUpdate()">

@ -5,7 +5,7 @@
<button type="button" class="delete" @click="$parent.cancel('escape')" />
</header>
<div class="field">
<b-field :label="$t('rpc')" class="has-custom-field">
<b-field :label="$t('rpc')" class="has-custom-field" data-test="rpc_endpoint_dropdown">
<b-dropdown v-model="selectedRpc" expanded aria-role="list">
<div slot="trigger" class="control" :class="{ 'is-loading': checkingRpc && !isCustomRpc }">
<div class="input">
@ -17,11 +17,17 @@
:key="name"
:value="name"
aria-role="listitem"
:data-test="`rpc_endpoint_${name}`"
@click="checkRpc({ name, url })"
>
{{ name }}
</b-dropdown-item>
<b-dropdown-item value="custom" aria-role="listitem" @click="checkRpc({ name: 'custom' })">
<b-dropdown-item
value="custom"
aria-role="listitem"
data-test="rpc_endpoint_custom"
@click="checkRpc({ name: 'custom' })"
>
{{ $t('customRpc') }}
</b-dropdown-item>
</b-dropdown>
@ -42,10 +48,10 @@
</p>
</div>
<div class="buttons buttons__halfwidth">
<b-button type="is-primary" outlined @mousedown.prevent @click="onReset">
<b-button type="is-primary" outlined data-test="button_reset_rpc" @mousedown.prevent @click="onReset">
{{ $t('reset') }}
</b-button>
<b-button type="is-primary" :disabled="isDisabledSave" @click="onSave">
<b-button type="is-primary" :disabled="isDisabledSave" data-test="save_rpc_button" @click="onSave">
{{ $t('save') }}
</b-button>
</div>

@ -22,7 +22,12 @@
<div class="column is-hash" :data-label="$t('txHash')">
<div class="details">
<p class="detail">
<a class="detail-description" :href="txExplorerUrl(tx.txHash)" target="_blank">
<a
class="detail-description"
data-test="txhash_text"
:href="txExplorerUrl(tx.txHash)"
target="_blank"
>
{{ tx.txHash }}
</a>
</p>
@ -39,11 +44,18 @@
size="is-small"
:disabled="!tx.note"
icon-left="copy"
data-test="copy_note_button"
>
{{ $t('note') }}
</b-button>
</b-tooltip>
<b-button type="is-dark" size="is-small" icon-right="remove" @click="onClose" />
<b-button
data-test="remove_note_button"
type="is-dark"
size="is-small"
icon-right="remove"
@click="onClose"
/>
</div>
</div>
</div>

@ -1,7 +1,7 @@
<template>
<b-tab-item :label="$t('relayer')" value="relayer">
<b-tab-item :label="$t('relayer')" value="relayer" header-class="withdrawal_settings_relayer_tab">
<div class="field">
<b-field :label="$t('relayer')">
<b-field :label="$t('relayer')" data-test="withdrawal_settings_relayer_dropdown">
<b-dropdown v-model="selectedRelayer" expanded aria-role="list" @change="onChangeRelayer">
<div slot="trigger" class="control" :class="{ 'is-loading': checkingRelayer || isLoadingRelayers }">
<div class="input">
@ -27,6 +27,7 @@
ref="customInput"
v-model="customRelayerUrl"
type="url"
data-test="enter_relayer_url_field"
:placeholder="$t('pasteYourRelayerUrlorEnsRecord')"
:custom-class="hasErrorRelayer.type"
:use-html5-validation="false"
@ -56,13 +57,20 @@
:service-fee="relayer.tornadoServiceFee"
/>
<div class="buttons buttons__halfwidth mt-5">
<b-button type="is-primary" outlined @mousedown.prevent @click="onReset">
<b-button
type="is-primary"
outlined
data-test="withdrawal_settings_reset_button"
@mousedown.prevent
@click="onReset"
>
{{ $t('reset') }}
</b-button>
<b-button
type="is-primary"
:disabled="isDisabledSave"
:loading="checkingRelayer || isLoadingRelayers"
data-test="withdrawal_settings_save_button"
@click="onSave"
>
{{ $t('save') }}

@ -1,5 +1,5 @@
<template>
<b-tab-item :label="$t('wallet')" value="wallet">
<b-tab-item :label="$t('wallet')" value="wallet" header-class="withdrawal_settings_wallet_tab">
<fieldset :disabled="isNotLoggedIn">
<div class="notice is-warning">
<div class="notice__p">{{ $t('withdrawWalletWarning', { currency: networkCurrency }) }}</div>

@ -2,7 +2,7 @@
<div class="modal-card box box-modal is-wallet-modal">
<header class="box-modal-header is-spaced">
<div class="box-modal-title">{{ $t('yourWallet') }}</div>
<button type="button" class="delete" @click="$emit('close')" />
<button type="button" class="delete" data-test="close_popup_button" @click="$emit('close')" />
</header>
<div class="note">
{{ $t('pleaseSelectYourWeb3Wallet') }}
@ -22,11 +22,16 @@
<button
v-show="isMetamask"
class="button is-small is-background is-metamask"
data-test="choose_metamask_option"
@click="_web3Connect('metamask')"
>
Metamask
</button>
<button class="button is-small is-background is-walletConnect" @click="_web3Connect('walletConnect')">
<button
class="button is-small is-background is-walletConnect"
data-test="choose_wallet_option"
@click="_web3Connect('walletConnect')"
>
WalletConnect
</button>
</div>

@ -1,10 +1,16 @@
<template>
<b-tab-item :label="$t('withdraw')">
<b-tab-item :label="$t('withdraw')" header-class="button_tab_withdraw">
<div class="field">
<div class="label-with-buttons">
<div class="label">
{{ $t('note') }}
<b-tooltip :label="$t('noteTooltip')" size="is-small" position="is-right" multilined>
<b-tooltip
:label="$t('noteTooltip')"
size="is-small"
position="is-right"
multilined
data-test="enter_note_info"
>
<button class="button is-primary has-icon">
<span class="icon icon-info"></span>
</button>
@ -25,7 +31,12 @@
<LinkIcon />
</b-tooltip>
</a>
<button v-show="shouldSettingsShow" class="button is-icon" @click="onSettings">
<button
v-show="shouldSettingsShow"
class="button is-icon"
data-test="withdrawal_settings_button"
@click="onSettings"
>
<b-tooltip :label="$t('withdrawalSettings')" size="is-small" position="is-right" multilined>
<SettingsIcon />
</b-tooltip>
@ -36,6 +47,7 @@
v-model="withdrawNote"
:placeholder="$t('pleaseEnterYourNote')"
:custom-class="hasErrorNote ? hasErrorNote.type : 'is-primary'"
data-test="enter_note_field"
></b-input>
<div v-if="hasErrorNote" class="help" :class="hasErrorNote.type">
<!-- eslint-disable vue/no-v-html -->
@ -45,7 +57,8 @@
<div v-if="!hasErrorNote && depositTxHash" class="field field-withdraw">
<div class="withdraw-data">
<div class="withdraw-data-item">
{{ $t('amount') }} <span>{{ selectedAmount }} {{ selectedStatisticCurrency }}</span>
{{ $t('amount') }}
<span data-test="note_tokens_amount">{{ selectedAmount }} {{ selectedStatisticCurrency }}</span>
</div>
<div class="withdraw-data-item">
{{ $t('timePassed') }}
@ -91,6 +104,7 @@
v-model="withdrawAddress"
:placeholder="$t('pleasePasteAddressHere')"
:size="!withdrawAddress ? '' : isValidAddress ? 'is-primary' : 'is-warning'"
data-test="recipient_address_field"
></b-input>
<p class="help">
<span class="has-text-warning">{{ error.type }}</span> {{ error.message }}
@ -119,6 +133,7 @@
:disabled="isWithdrawalButtonDisable"
:loading="isLoadingRelayers || isLoading"
@click="onWithdraw"
data-test="button_start_withdraw"
>
{{ $t('withdrawButton') }}
</b-button>

@ -4,10 +4,10 @@
<div class="box-modal-title">{{ $t('withdrawalConfirmation') }}</div>
<button type="button" class="delete" @click="$emit('close')" />
</header>
<div class="note">
<div class="note" data-test="withdrawal_confirmation_text">
{{ message }}
</div>
<b-button type="is-primary is-fullwidth" @click="_sendWithdraw">
<b-button type="is-primary is-fullwidth" data-test="withdrawal_confirm_button" @click="_sendWithdraw">
{{ $t('confirm') }}
</b-button>
</div>
@ -57,7 +57,7 @@ export default {
deep: true
}
},
mounted() {
beforeCreate() {
this.$store.dispatch('loading/enable', { message: this.$t('generatingProof') })
},
methods: {

@ -17,15 +17,15 @@
</div>
<div v-if="withdrawType === 'relayer'" class="withdraw-data-item">
{{ $t('networkFee') }}
<span>{{ toDecimals(networkFee, null, 6) }} {{ networkCurrency }}</span>
<span data-test="label_network_fee">{{ toDecimals(networkFee, null, 6) }} {{ networkCurrency }}</span>
</div>
<div v-if="withdrawType === 'relayer'" class="withdraw-data-item">
{{ $t('relayerFee') }}
<span>{{ toDecimals(relayerFee, null, 6) }} {{ currency }}</span>
<span data-test="label_relayer_fee">{{ toDecimals(relayerFee, null, 6) }} {{ currency }}</span>
</div>
<div v-if="withdrawType === 'relayer'" class="withdraw-data-item">
{{ $t('totalFee') }}
<span>{{ toDecimals(totalRelayerFee, null, 6) }} {{ currency }}</span>
<span data-test="label_total_fee">{{ toDecimals(totalRelayerFee, null, 6) }} {{ currency }}</span>
</div>
<div v-if="isTokenSelected" class="withdraw-data-item">
{{ $t('ethPurchase', { currency: networkCurrency }) }}
@ -34,7 +34,7 @@
<hr v-if="withdrawType === 'relayer'" />
<div class="withdraw-data-item">
{{ $t('tokensToReceive') }}
<span>{{ total }} {{ currency }}</span>
<span data-test="label_tokens_to_receive">{{ total }} {{ currency }}</span>
</div>
<div v-if="isTokenSelected" class="withdraw-data-item">
<span class="is-alone">{{ ethToReceiveFromWei }} {{ networkCurrency }}</span>

@ -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'
}
]
}

@ -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>

@ -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>

@ -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>

@ -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>

@ -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>

@ -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') }}

@ -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"
>