verdnatura/hedera-web
verdnatura
/
hedera-web
0
1
Fork 2
Code Issues Pull Requests 3 Releases Wiki Activity

Merge pull request 'Replace data-testid' (!97) from wbuezas/hedera-web-mindshore:replace-data-testid into beta
gitea/hedera-web/pipeline/head This commit looks good Details 

Reviewed-on: #97
This commit is contained in:
Javier Segarra 2024-12-10 13:32:37 +00:00
parent 9b26f2dc7f aacac8dc28
commit 4a7bc00c62
33 changed files with 99 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/VnForm.vue
View File

@ -240,7 +240,7 @@ defineExpose({
flat flat
:disabled="!showBottomActions && !updatedColumns.length" :disabled="!showBottomActions && !updatedColumns.length"
@click="submit()" @click="submit()"
data-testid="formDefaultSaveButton" data-cy="formDefaultSaveButton"
> >
<QTooltip>{{ t('save') }}</QTooltip> <QTooltip>{{ t('save') }}</QTooltip>
</QBtn> </QBtn>

2
src/components/ui/VnConfirm.vue
View File

@ -91,7 +91,7 @@ async function confirm() {
@click="confirm()" @click="confirm()"
unelevated unelevated
autofocus autofocus
data-testid="confirmDialogButton" data-cy="confirmDialogButton"
/> />
</QCardActions> </QCardActions>
</QCard> </QCard>

2
src/components/ui/VnSearchBar.vue
View File

@ -76,7 +76,7 @@ onMounted(() => {
is-outlined is-outlined
:clearable="false" :clearable="false"
class="searchbar" class="searchbar"
data-testid="searchBar" data-cy="searchBar"
> >
<template #prepend> <template #prepend>
<QIcon name="search" class="cursor-pointer" @click="search()" /> <QIcon name="search" class="cursor-pointer" @click="search()" />

2
src/composables/useNotify.js
View File

@ -14,7 +14,7 @@ export default function useNotify() {
type, type,
icon: icon || defaultIcons[type], icon: icon || defaultIcons[type],
attrs: { attrs: {
'data-testid': `${type}Notify` 'data-cy': `${type}Notify`
} }
}); });
}; };

10
src/layouts/MainLayout.vue
View File

@ -60,7 +60,7 @@ const logoutSupplantedUser = async () => {
class="q-mr-md" class="q-mr-md"
/> />
<img class="logo q-mr-lg" src="statics/logo-dark.svg" /> <img class="logo q-mr-lg" src="statics/logo-dark.svg" />
<QToolbarTitle data-testid="headerTitle"> <QToolbarTitle data-cy="headerTitle">
{{ customTitle || menuTitle }} {{ customTitle || menuTitle }}
<div v-if="subtitle" class="subtitle text-caption"> <div v-if="subtitle" class="subtitle text-caption">
{{ subtitle }} {{ subtitle }}
@ -84,11 +84,11 @@ const logoutSupplantedUser = async () => {
v-model="leftDrawerOpen" v-model="leftDrawerOpen"
:width="250" :width="250"
show-if-above show-if-above
data-testid="layoutMenuDrawer" data-cy="layoutMenuDrawer"
> >
<div class="user-info"> <div class="user-info">
<div> <div>
<span id="user-name" data-testid="layoutUserName"> <span id="user-name" data-cy="layoutUserName">
{{ mainUser?.nickname }} {{ mainUser?.nickname }}
</span> </span>
<QBtn <QBtn
@ -96,7 +96,7 @@ const logoutSupplantedUser = async () => {
icon="logout" icon="logout"
alt="_Exit" alt="_Exit"
@click="logout()" @click="logout()"
data-testid="logoutButton" data-cy="logoutButton"
> >
<QTooltip>{{ $t('logOut') }}</QTooltip> <QTooltip>{{ $t('logOut') }}</QTooltip>
</QBtn> </QBtn>
@ -105,7 +105,7 @@ const logoutSupplantedUser = async () => {
v-if="supplantedUser" v-if="supplantedUser"
id="supplant" id="supplant"
class="supplant" class="supplant"
data-testid="layoutSupplantedUserName" data-cy="layoutSupplantedUserName"
> >
<span id="supplanted"> <span id="supplanted">
{{ supplantedUser?.nickname }} {{ supplantedUser?.nickname }}

4
src/pages/Account/AccountConfig.vue
View File

@ -119,7 +119,7 @@ onMounted(() => fetchLanguagesSql());
:label="t('nickname')" :label="t('nickname')"
@keyup.enter="updateUserNickname(data.nickname)" @keyup.enter="updateUserNickname(data.nickname)"
@blur="updateUserNickname(data.nickname)" @blur="updateUserNickname(data.nickname)"
data-testid="configViewNickname" data-cy="configViewNickname"
/> />
<VnSelect <VnSelect
v-model="data.lang" v-model="data.lang"
@ -128,7 +128,7 @@ onMounted(() => fetchLanguagesSql());
option-value="code" option-value="code"
:options="langOptions" :options="langOptions"
@update:model-value="updateConfigLang(data.lang)" @update:model-value="updateConfigLang(data.lang)"
data-testid="configViewLang" data-cy="configViewLang"
/> />
</template> </template>
<template #extraForm> <template #extraForm>

12
src/pages/Account/AddressDetails.vue
View File

@ -93,36 +93,36 @@ onMounted(() => getCountries());
<VnInput <VnInput
v-model="data.nickname" v-model="data.nickname"
:label="t('name')" :label="t('name')"
data-testid="addressFormNickname" data-cy="addressFormNickname"
/> />
<VnInput <VnInput
v-model="data.street" v-model="data.street"
:label="t('address')" :label="t('address')"
data-testid="addressFormStreet" data-cy="addressFormStreet"
/> />
<VnInput <VnInput
v-model="data.city" v-model="data.city"
:label="t('city')" :label="t('city')"
data-testid="addressFormCity" data-cy="addressFormCity"
/> />
<VnInput <VnInput
v-model="data.postalCode" v-model="data.postalCode"
type="number" type="number"
:label="t('postalCode')" :label="t('postalCode')"
data-testid="addressFormPostcode" data-cy="addressFormPostcode"
/> />
<VnSelect <VnSelect
v-model="data.countryFk" v-model="data.countryFk"
:label="t('country')" :label="t('country')"
:options="countriesOptions" :options="countriesOptions"
@update:model-value="data.provinceFk = null" @update:model-value="data.provinceFk = null"
data-testid="addressFormCountry" data-cy="addressFormCountry"
/> />
<VnSelect <VnSelect
v-model="data.provinceFk" v-model="data.provinceFk"
:label="t('province')" :label="t('province')"
:options="provincesOptions" :options="provincesOptions"
data-testid="addressFormProvince" data-cy="addressFormProvince"
/> />
</template> </template>
</VnForm> </VnForm>

6
src/pages/Account/AddressList.vue
View File

@ -98,7 +98,7 @@ onMounted(async () => {
@click="goToAddressDetails()" @click="goToAddressDetails()"
rounded rounded
no-caps no-caps
data-testid="newAddressBtn" data-cy="newAddressBtn"
> >
<QTooltip> <QTooltip>
{{ t('addAddress') }} {{ t('addAddress') }}
@ -110,7 +110,7 @@ onMounted(async () => {
class="rounded-borders shadow-1 shadow-transition" class="rounded-borders shadow-1 shadow-transition"
separator separator
:rows="addresses" :rows="addresses"
data-testid="addressCardList" data-cy="addressCardList"
> >
<CardList <CardList
v-for="(address, index) in addresses" v-for="(address, index) in addresses"
@ -158,7 +158,7 @@ onMounted(async () => {
flat flat
rounded rounded
@click.stop="goToAddressDetails(address.id)" @click.stop="goToAddressDetails(address.id)"
data-testid="editAddressBtn" data-cy="editAddressBtn"
> >
<QTooltip> <QTooltip>
{{ t('editAddress') }} {{ t('editAddress') }}

4
src/pages/Admin/ItemsView.vue
View File

@ -44,13 +44,13 @@ const onSearch = data => (items.value = data || []);
empty-icon="refresh" empty-icon="refresh"
:loading="loading" :loading="loading"
:rows="items" :rows="items"
data-testid="itemsViewList" data-cy="itemsViewList"
> >
<CardList <CardList
v-for="(item, index) in items" v-for="(item, index) in items"
:key="index" :key="index"
:clickable="false" :clickable="false"
data-testid="itemsViewCard" data-cy="itemsViewCard"
> >
<template #prepend> <template #prepend>
<VnImg <VnImg

6
src/pages/Admin/NewsDetails.vue
View File

@ -106,7 +106,7 @@ onMounted(async () => {
v-model="data.title" v-model="data.title"
:label="t('title')" :label="t('title')"
:clearable="false" :clearable="false"
data-testid="newsTitleInput" data-cy="newsTitleInput"
/> />
<div class="row justify-between q-gutter-x-md"> <div class="row justify-between q-gutter-x-md">
<VnSelect <VnSelect
@ -116,14 +116,14 @@ onMounted(async () => {
option-value="name" option-value="name"
:options="newsTags" :options="newsTags"
class="col" class="col"
data-testid="newsTagSelect" data-cy="newsTagSelect"
/> />
<VnInput <VnInput
v-model="data.priority" v-model="data.priority"
:label="t('priority')" :label="t('priority')"
:clearable="false" :clearable="false"
class="col" class="col"
data-testid="newsPriorityInput" data-cy="newsPriorityInput"
/> />
</div> </div>
<QEditor <QEditor

6
src/pages/Admin/NewsView.vue
View File

@ -64,7 +64,7 @@ onMounted(async () => getNews());
:to="{ name: 'adminNewsDetails' }" :to="{ name: 'adminNewsDetails' }"
rounded rounded
no-caps no-caps
data-testid="addNewBtn" data-cy="addNewBtn"
> >
<QTooltip>{{ t('addNew') }}</QTooltip> <QTooltip>{{ t('addNew') }}</QTooltip>
</QBtn> </QBtn>
@ -75,7 +75,7 @@ onMounted(async () => getNews());
v-for="(newsItem, index) in news" v-for="(newsItem, index) in news"
:key="index" :key="index"
:to="{ name: 'adminNewsDetails', params: { id: newsItem.id } }" :to="{ name: 'adminNewsDetails', params: { id: newsItem.id } }"
data-testid="newsCard" data-cy="newsCard"
> >
<template #prepend> <template #prepend>
<VnImg <VnImg
@ -108,7 +108,7 @@ onMounted(async () => getNews());
() => deleteNew(newsItem.id, index) () => deleteNew(newsItem.id, index)
) )
" "
data-testid="deleteNewBtn" data-cy="deleteNewBtn"
> >
<QTooltip>{{ t('remove') }}</QTooltip> <QTooltip>{{ t('remove') }}</QTooltip>
</QBtn> </QBtn>

16
src/pages/Admin/PhotosView.vue
View File

@ -153,7 +153,7 @@ onMounted(async () => getImageCollections());
option-label="desc" option-label="desc"
option-value="name" option-value="name"
:options="imageCollections" :options="imageCollections"
data-testid="photoCollectionSelect" data-cy="photoCollectionSelect"
/> />
<QUploader <QUploader
ref="fileUploaderRef" ref="fileUploaderRef"
@ -165,19 +165,19 @@ onMounted(async () => getImageCollections());
bordered bordered
hide-upload-btn hide-upload-btn
@added="onFilesAdded" @added="onFilesAdded"
data-testid="photoUploader" data-cy="photoUploader"
> >
<template #list="scope"> <template #list="scope">
<QList <QList
v-if="addedFiles.length" v-if="addedFiles.length"
separator separator
data-testid="photoUploaderList" data-cy="photoUploaderList"
> >
<QItem <QItem
v-for="(file, index) in scope.files" v-for="(file, index) in scope.files"
:key="file.__key" :key="file.__key"
class="flex full-width row items-center justify-center" class="flex full-width row items-center justify-center"
data-testid="photoUploaderItem" data-cy="photoUploaderItem"
> >
<img <img
:src="file.__img.src" :src="file.__img.src"
@ -211,7 +211,7 @@ onMounted(async () => getImageCollections());
].icon ].icon
" "
size="sm" size="sm"
data-testid="photoUploaderItemsStatusIcon" data-cy="photoUploaderItemsStatusIcon"
> >
<QTooltip> <QTooltip>
{{ {{
@ -237,7 +237,7 @@ onMounted(async () => getImageCollections());
round round
icon="delete" icon="delete"
@click="removeFile(file, index)" @click="removeFile(file, index)"
data-testid="photoUploaderItemsDeleteBtn" data-cy="photoUploaderItemsDeleteBtn"
> >
<QTooltip>{{ t('remove') }}</QTooltip> <QTooltip>{{ t('remove') }}</QTooltip>
</QBtn> </QBtn>
@ -257,7 +257,7 @@ onMounted(async () => getImageCollections());
no-caps no-caps
flat flat
@click="clearFiles()" @click="clearFiles()"
data-testid="photoUploaderClearBtn" data-cy="photoUploaderClearBtn"
/> />
<QBtn <QBtn
:label="t('uploadFiles')" :label="t('uploadFiles')"
@ -266,7 +266,7 @@ onMounted(async () => getImageCollections());
flat flat
:disable="!isSubmitable" :disable="!isSubmitable"
@click="onSubmit(data)" @click="onSubmit(data)"
data-testid="photoUploadSubmitBtn" data-cy="photoUploadSubmitBtn"
/> />
</template> </template>
</VnForm> </VnForm>

8
src/pages/Admin/UsersView.vue
View File

@ -47,7 +47,7 @@ const supplantUser = async user => {
search-field="user" search-field="user"
@on-search="onSearch" @on-search="onSearch"
@on-search-error="users = []" @on-search-error="users = []"
data-testid="usersViewSearchBar" data-cy="usersViewSearchBar"
/> />
</Teleport> </Teleport>
<QPage class="vn-w-xs"> <QPage class="vn-w-xs">
@ -57,13 +57,13 @@ const supplantUser = async user => {
empty-icon="refresh" empty-icon="refresh"
:loading="loading" :loading="loading"
:rows="users" :rows="users"
data-testid="usersViewList" data-cy="usersViewList"
> >
<CardList <CardList
v-for="(user, index) in users" v-for="(user, index) in users"
:key="index" :key="index"
:to="{ name: 'accessLog', params: { id: user.id } }" :to="{ name: 'accessLog', params: { id: user.id } }"
data-testid="userViewCard" data-cy="userViewCard"
> >
<template #content> <template #content>
<span class="text-bold q-mb-sm"> <span class="text-bold q-mb-sm">
@ -78,7 +78,7 @@ const supplantUser = async user => {
flat flat
rounded rounded
@click.stop.prevent="supplantUser(user.name)" @click.stop.prevent="supplantUser(user.name)"
data-testid="usersViewSupplantUserBtn" data-cy="usersViewSupplantUserBtn"
> >
<QTooltip> <QTooltip>
{{ t('Impersonate user') }} {{ t('Impersonate user') }}

2
src/pages/Ecomerce/BasketView.vue
View File

@ -122,7 +122,7 @@ const fetchData = async () => {
:to="{ name: 'confirm', params: { id: orderId } }" :to="{ name: 'confirm', params: { id: orderId } }"
rounded rounded
no-caps no-caps
data-testid="basketToConfirmBtn" data-cy="basketToConfirmBtn"
> >
<QTooltip>{{ t('checkout') }}</QTooltip> <QTooltip>{{ t('checkout') }}</QTooltip>
</QBtn> </QBtn>

10
src/pages/Ecomerce/CatalogCard.vue
View File

@ -19,7 +19,7 @@ const { t } = useI18n();
v-if="viewMode === 'grid'" v-if="viewMode === 'grid'"
v-ripple v-ripple
class="catalog-card" class="catalog-card"
data-testid="catalogCardGrid" data-cy="catalogCardGrid"
> >
<VnImg <VnImg
storage="catalog" storage="catalog"
@ -28,12 +28,12 @@ const { t } = useI18n();
height="190px" height="190px"
rounded="bottom" rounded="bottom"
zoom-size="1600x900" zoom-size="1600x900"
data-testid="catalogCardImage" data-cy="catalogCardImage"
/> />
<div <div
class="column" class="column"
style="height: 205px; padding: 10px" style="height: 205px; padding: 10px"
data-testid="catalogCardGridBody" data-cy="catalogCardGridBody"
> >
<div class="column" style="margin-bottom: auto"> <div class="column" style="margin-bottom: auto">
<div class="text-subtitle2 ellipsis-2-lines"> <div class="text-subtitle2 ellipsis-2-lines">
@ -107,7 +107,7 @@ const { t } = useI18n();
</div> </div>
</div> </div>
</QCard> </QCard>
<CardList v-else class="vn-w-sm" data-testid="catalogCardList"> <CardList v-else class="vn-w-sm" data-cy="catalogCardList">
<template #prepend> <template #prepend>
<VnImg <VnImg
storage="catalog" storage="catalog"
@ -118,7 +118,7 @@ const { t } = useI18n();
rounded-borders="full" rounded-borders="full"
class="q-mr-md" class="q-mr-md"
zoom-size="1600x900" zoom-size="1600x900"
data-testid="catalogCardImage" data-cy="catalogCardImage"
/> />
</template> </template>
<template #content> <template #content>

14
src/pages/Ecomerce/CatalogView.vue
View File

@ -26,7 +26,7 @@
@click="redirectToBasket()" @click="redirectToBasket()"
rounded rounded
no-caps no-caps
data-testid="catalogGoToBasketButton" data-cy="catalogGoToBasketButton"
> >
<QTooltip> <QTooltip>
{{ t('shoppingCart') }} {{ t('shoppingCart') }}
@ -61,7 +61,7 @@
rounded rounded
no-caps no-caps
@click="redirectToCheckout()" @click="redirectToCheckout()"
data-testid="orderModifyButton" data-cy="orderModifyButton"
color="light-green-7" color="light-green-7"
unelevated unelevated
text-color="white" text-color="white"
@ -90,7 +90,7 @@
:class="{ active: category == cat.id }" :class="{ active: category == cat.id }"
:key="cat.id" :key="cat.id"
@click="selectedCategory = cat.id" @click="selectedCategory = cat.id"
data-testid="catalogCategoryButton" data-cy="catalogCategoryButton"
> >
<img :src="`statics/category/${cat.code}.svg`" /> <img :src="`statics/category/${cat.code}.svg`" />
<QTooltip>{{ cat.name }}</QTooltip> <QTooltip>{{ cat.name }}</QTooltip>
@ -108,7 +108,7 @@
:options="itemFamilies" :options="itemFamilies"
:disable="!category" :disable="!category"
:label="t('family')" :label="t('family')"
data-testid="catalogFamilySelect" data-cy="catalogFamilySelect"
/> />
<VnSelect <VnSelect
v-model="selectedColor" v-model="selectedColor"
@ -192,7 +192,7 @@
:item="_item" :item="_item"
:view-mode="viewMode" :view-mode="viewMode"
@click="showItem(_item)" @click="showItem(_item)"
data-testid="catalogCardElement" data-cy="catalogCardElement"
/> />
</div> </div>
<QDialog v-model="showItemDialog" @hide="resetAmounts()"> <QDialog v-model="showItemDialog" @hide="resetAmounts()">
@ -267,7 +267,7 @@
flat flat
dense dense
@click="onAddLotClick(lot)" @click="onAddLotClick(lot)"
data-testid="addItemQuantityButton" data-cy="addItemQuantityButton"
> >
<QTooltip>{{ t('add') }}</QTooltip> <QTooltip>{{ t('add') }}</QTooltip>
</QBtn> </QBtn>
@ -292,7 +292,7 @@
flat flat
color="white" color="white"
@click="onConfirmClick()" @click="onConfirmClick()"
data-testid="catalogAddToBasketButton" data-cy="catalogAddToBasketButton"
> >
<QTooltip>{{ t('confirm') }}</QTooltip> <QTooltip>{{ t('confirm') }}</QTooltip>
</QBtn> </QBtn>

12
src/pages/Ecomerce/CheckoutView.vue
View File

@ -350,7 +350,7 @@ watch(
:flat="isMobile" :flat="isMobile"
contracted contracted
class="default-radius stepper-container" class="default-radius stepper-container"
data-testid="checkoutStepper" data-cy="checkoutStepper"
> >
<QStep <QStep
v-for="(step, stepIndex) in steps[orderForm.method]" v-for="(step, stepIndex) in steps[orderForm.method]"
@ -403,7 +403,7 @@ watch(
<QList <QList
v-if="step.name === 'address'" v-if="step.name === 'address'"
class="vn-w-xs q-gutter-y-sm column" class="vn-w-xs q-gutter-y-sm column"
data-testid="checkoutAddressStep" data-cy="checkoutAddressStep"
> >
<span class="text-h6 step-title"> <span class="text-h6 step-title">
{{ {{
@ -447,7 +447,7 @@ watch(
option-label="description" option-label="description"
option-value="id" option-value="id"
:options="agencies" :options="agencies"
data-testid="agencyStepSelect" data-cy="agencyStepSelect"
/> />
</div> </div>
<div <div
@ -462,7 +462,7 @@ watch(
option-label="description" option-label="description"
option-value="id" option-value="id"
:options="warehouses" :options="warehouses"
data-testid="pickupStepSelect" data-cy="pickupStepSelect"
/> />
</div> </div>
<!-- Confirm step --> <!-- Confirm step -->
@ -489,7 +489,7 @@ watch(
icon="arrow_back" icon="arrow_back"
dense dense
class="left-navigation-button" class="left-navigation-button"
data-testid="checkoutStepperLeftButton" data-cy="checkoutStepperLeftButton"
> >
<QTooltip> <QTooltip>
{{ t(`${step.backButtonLabel || 'back'}`) }} {{ t(`${step.backButtonLabel || 'back'}`) }}
@ -504,7 +504,7 @@ watch(
" "
dense dense
class="right-navigation-button" class="right-navigation-button"
data-testid="checkoutStepperRightButton" data-cy="checkoutStepperRightButton"
:loading="loading" :loading="loading"
> >
<QTooltip> <QTooltip>

6
src/pages/Ecomerce/OrdersView.vue
View File

@ -73,7 +73,7 @@ const onConfirmPay = async () => {
@click="onPayClick()" @click="onPayClick()"
rounded rounded
no-caps no-caps
data-testid="makePaymentButton" data-cy="makePaymentButton"
> >
<QTooltip> <QTooltip>
{{ t('makePayment') }} {{ t('makePayment') }}
@ -126,7 +126,7 @@ const onConfirmPay = async () => {
v-model="showAmountToPayDialog" v-model="showAmountToPayDialog"
message=" " message=" "
:promise="onConfirmPay" :promise="onConfirmPay"
data-testid="payAmountDialog" data-cy="payAmountDialog"
> >
<template #customHTML> <template #customHTML>
<VnInput <VnInput
@ -136,7 +136,7 @@ const onConfirmPay = async () => {
type="number" type="number"
min="0" min="0"
:max="debt * -1" :max="debt * -1"
data-testid="payAmountInput" data-cy="payAmountInput"
> >
<template #append>€</template> <template #append>€</template>
</VnInput> </VnInput>

14
src/pages/Ecomerce/PendingOrders.vue
View File

@ -71,7 +71,7 @@ onMounted(async () => {
<template> <template>
<Teleport v-if="isHeaderMounted" to="#actions"> <Teleport v-if="isHeaderMounted" to="#actions">
<QBtn <QBtn
data-testid="pendingOrdersNewOrder" data-cy="pendingOrdersNewOrder"
:to="{ name: 'checkout' }" :to="{ name: 'checkout' }"
icon="add_shopping_cart" icon="add_shopping_cart"
:label="t('newOrder')" :label="t('newOrder')"
@ -84,16 +84,12 @@ onMounted(async () => {
</QBtn> </QBtn>
</Teleport> </Teleport>
<QPage class="vn-w-sm"> <QPage class="vn-w-sm">
<VnList <VnList :rows="orders" :loading="loading" data-cy="pendingOrdersList">
:rows="orders"
:loading="loading"
data-testid="pendingOrdersList"
>
<CardList <CardList
v-for="(order, index) in orders" v-for="(order, index) in orders"
:key="index" :key="index"
:to="{ name: 'basket', params: { id: order.id } }" :to="{ name: 'basket', params: { id: order.id } }"
data-testid="pendingOrderCard" data-cy="pendingOrderCard"
> >
<template #content> <template #content>
<QItemLabel class="text-bold q-mb-sm"> <QItemLabel class="text-bold q-mb-sm">
@ -116,7 +112,7 @@ onMounted(async () => {
() => removeOrder(order.id, index) () => removeOrder(order.id, index)
) )
" "
data-testid="pendingOrderCardDelete" data-cy="pendingOrderCardDelete"
> >
<QTooltip>{{ t('deleteOrder') }}</QTooltip> <QTooltip>{{ t('deleteOrder') }}</QTooltip>
</QBtn> </QBtn>
@ -125,7 +121,7 @@ onMounted(async () => {
flat flat
rounded rounded
@click.stop.prevent="loadOrder(order.id)" @click.stop.prevent="loadOrder(order.id)"
data-testid="addOrderToBasket" data-cy="addOrderToBasket"
> >
<QTooltip>{{ t('loadOrderIntoCart') }}</QTooltip> <QTooltip>{{ t('loadOrderIntoCart') }}</QTooltip>
</QBtn> </QBtn>

2
src/pages/Ecomerce/TicketDetails.vue
View File

@ -111,7 +111,7 @@ const deleteRow = id => {
</QCardSection> </QCardSection>
<QSeparator v-if="showItems" inset /> <QSeparator v-if="showItems" inset />
<QList v-for="(row, index) in rows" :key="index"> <QList v-for="(row, index) in rows" :key="index">
<QItem v-if="row" data-testid="basketItemRow"> <QItem v-if="row" data-cy="basketItemRow">
<QItemSection v-if="canDeleteItems" avatar> <QItemSection v-if="canDeleteItems" avatar>
<QBtn <QBtn
icon="delete" icon="delete"

14
src/pages/Login/LoginView.vue
View File

@ -73,17 +73,17 @@ const loginAsGuest = async () => {
v-model="email" v-model="email"
:label="$t('user')" :label="$t('user')"
autofocus autofocus
data-testid="loginUserInput" data-cy="loginUserInput"
/> />
<QInput <QInput
v-model="password" v-model="password"
:label="$t('password')" :label="$t('password')"
:type="!showPwd ? 'password' : 'text'" :type="!showPwd ? 'password' : 'text'"
data-testid="loginPasswordInput" data-cy="loginPasswordInput"
> >
<template #append> <template #append>
<QIcon <QIcon
data-testid="showPasswordIcon" data-cy="showPasswordIcon"
:name="showPwd ? 'visibility_off' : 'visibility'" :name="showPwd ? 'visibility_off' : 'visibility'"
class="cursor-pointer" class="cursor-pointer"
@click="showPwd = !showPwd" @click="showPwd = !showPwd"
@ -92,14 +92,14 @@ const loginAsGuest = async () => {
</QInput> </QInput>
<div class="row justify-between text-center"> <div class="row justify-between text-center">
<QCheckbox <QCheckbox
data-testid="rememberCheckbox" data-cy="rememberCheckbox"
v-model="remember" v-model="remember"
:label="$t('remindMe')" :label="$t('remindMe')"
dense dense
class="col" class="col"
/> />
<QSelect <QSelect
data-testid="switchLanguage" data-cy="switchLanguage"
v-model="selectedLocaleValue" v-model="selectedLocaleValue"
:options="localeOptions" :options="localeOptions"
:label="t('language')" :label="t('language')"
@ -126,7 +126,7 @@ const loginAsGuest = async () => {
</div> </div>
<div class="justify-center"> <div class="justify-center">
<QBtn <QBtn
data-testid="loginAsGuestButton" data-cy="loginAsGuestButton"
@click="loginAsGuest()" @click="loginAsGuest()"
:label="$t('logInAsGuest')" :label="$t('logInAsGuest')"
class="full-width" class="full-width"
@ -138,7 +138,7 @@ const loginAsGuest = async () => {
</div> </div>
<p <p
class="password-forgotten text-center q-mt-lg" class="password-forgotten text-center q-mt-lg"
data-testid="recoverPasswordViewLink" data-cy="recoverPasswordViewLink"
> >
<router-link :to="{ name: 'recoverPassword' }" class="link"> <router-link :to="{ name: 'recoverPassword' }" class="link">
{{ $t('haveForgottenPassword') }} {{ $t('haveForgottenPassword') }}

4
src/pages/Login/RecoverPassword.vue
View File

@ -37,7 +37,7 @@ const onSend = async () => {
v-model="user" v-model="user"
:label="t('user')" :label="t('user')"
autofocus autofocus
data-testid="recoverPasswordUserInput" data-cy="recoverPasswordUserInput"
/> />
<div class="q-mt-lg"> <div class="q-mt-lg">
{{ t('weSendEmail') }} {{ t('weSendEmail') }}
@ -51,7 +51,7 @@ const onSend = async () => {
rounded rounded
no-caps no-caps
unelevated unelevated
data-testid="recoverPasswordSubmitButton" data-cy="recoverPasswordSubmitButton"
/> />
<div class="text-center q-mt-md"> <div class="text-center q-mt-md">
<router-link to="/login" class="link"> <router-link to="/login" class="link">

2
src/test/cypress/integration/admin/NewsView.spec.js
View File

@ -29,7 +29,7 @@ describe('NewsView', () => {
cy.dataCy('newsTitleInput').should('exist'); cy.dataCy('newsTitleInput').should('exist');
cy.dataCy('newsTitleInput').find('input').type('Test new'); cy.dataCy('newsTitleInput').find('input').type('Test new');
cy.dataCy('newsTagSelect').should('exist'); cy.dataCy('newsTagSelect').should('exist');
cy.selectOption('[data-testid="newsTagSelect"]', 'Curso'); cy.selectOption('[data-cy="newsTagSelect"]', 'Curso');
cy.dataCy('newsPriorityInput').should('exist'); cy.dataCy('newsPriorityInput').should('exist');
cy.dataCy('newsPriorityInput').find('input').type('2'); cy.dataCy('newsPriorityInput').find('input').type('2');
cy.dataCy('formDefaultSaveButton').should('not.be.disabled'); cy.dataCy('formDefaultSaveButton').should('not.be.disabled');

4
src/test/cypress/integration/admin/PhotosView.spec.js
View File

@ -15,8 +15,8 @@ describe('Photo Uploader Component', () => {
it('should allow selecting a photo collection', () => { it('should allow selecting a photo collection', () => {
// Simular la selección de una colección de fotos // Simular la selección de una colección de fotos
cy.selectOption('[data-testid="photoCollectionSelect"]', 'Enlace'); cy.selectOption('[data-cy="photoCollectionSelect"]', 'Enlace');
cy.getValue('[data-testid="photoCollectionSelect"]').should( cy.getValue('[data-cy="photoCollectionSelect"]').should(
'equal', 'equal',
'Enlace' 'Enlace'
); );

13
src/test/cypress/integration/catalog/CatalogView.commands.js
View File

@ -1,21 +1,18 @@
Cypress.Commands.add('addItemToBasketFlow', () => { Cypress.Commands.add('addItemToBasketFlow', () => {
// 1- Seleccionar categoría // 1- Seleccionar categoría
cy.dataCy('catalogCategoryButton').should('exist'); cy.dataCy('catalogCategoryButton').should('exist');
cy.get('[data-testid="catalogCategoryButton"]:first').click(); cy.get('[data-cy="catalogCategoryButton"]:first').click();
// 2- Seleccionar familia // 2- Seleccionar familia
cy.dataCy('catalogFamilySelect').should('exist'); cy.dataCy('catalogFamilySelect').should('exist');
cy.selectOption('[data-testid="catalogFamilySelect"]', 'Anthurium'); cy.selectOption('[data-cy="catalogFamilySelect"]', 'Anthurium');
cy.getValue('[data-testid="catalogFamilySelect"]').should( cy.getValue('[data-cy="catalogFamilySelect"]').should('equal', 'Anthurium');
'equal',
'Anthurium'
);
cy.dataCy('catalogFamilySelect').should('exist'); cy.dataCy('catalogFamilySelect').should('exist');
// 3- Seleccionar item // 3- Seleccionar item
cy.dataCy('catalogCardGridBody').should('exist'); cy.dataCy('catalogCardGridBody').should('exist');
cy.get('[data-testid="catalogCardGridBody"]:first').click(); cy.get('[data-cy="catalogCardGridBody"]:first').click();
// 4- Añadir item al carrito // 4- Añadir item al carrito
cy.dataCy('addItemQuantityButton').should('exist'); cy.dataCy('addItemQuantityButton').should('exist');
cy.get('[data-testid="addItemQuantityButton"]:first').click(); cy.get('[data-cy="addItemQuantityButton"]:first').click();
cy.dataCy('catalogAddToBasketButton').should('exist'); cy.dataCy('catalogAddToBasketButton').should('exist');
cy.dataCy('catalogAddToBasketButton').click(); cy.dataCy('catalogAddToBasketButton').click();
cy.checkNotify('positive', 'Añadido'); cy.checkNotify('positive', 'Añadido');

4
src/test/cypress/integration/checkout/CheckoutStepper.commands.js
View File

@ -29,7 +29,7 @@ Cypress.Commands.add('createOrderReceive', () => {
'¿Cómo quieres recibir el pedido?' '¿Cómo quieres recibir el pedido?'
); );
cy.dataCy('agencyStepSelect').should('exist'); cy.dataCy('agencyStepSelect').should('exist');
cy.selectOption('[data-testid="agencyStepSelect"]', 'Other agency'); cy.selectOption('[data-cy="agencyStepSelect"]', 'Other agency');
checkoutNextStep(); checkoutNextStep();
checkoutNextStep(); checkoutNextStep();
cy.url().should('contain', '/#/ecomerce/catalog'); cy.url().should('contain', '/#/ecomerce/catalog');
@ -69,7 +69,7 @@ Cypress.Commands.add('createOrderPickup', () => {
'¿En qué almacén quieres recoger tu pedido?' '¿En qué almacén quieres recoger tu pedido?'
); );
cy.dataCy('pickupStepSelect').should('exist'); cy.dataCy('pickupStepSelect').should('exist');
cy.selectOption('[data-testid="pickupStepSelect"]', 'Teleportation device'); cy.selectOption('[data-cy="pickupStepSelect"]', 'Teleportation device');
checkoutNextStep(); checkoutNextStep();
checkoutNextStep(); checkoutNextStep();
cy.url().should('contain', '/#/ecomerce/catalog'); cy.url().should('contain', '/#/ecomerce/catalog');

2
src/test/cypress/integration/config/AccountConfig.commands.js
View File

@ -1,7 +1,7 @@
Cypress.Commands.add('changeUserNickname', (oldNickname, newNickname) => { Cypress.Commands.add('changeUserNickname', (oldNickname, newNickname) => {
cy.dataCy('configViewNickname').find('input').should('exist'); cy.dataCy('configViewNickname').find('input').should('exist');
cy.getValue('input[data-testid="configViewNickname"]').should( cy.getValue('input[data-cy="configViewNickname"]').should(
'equal', 'equal',
oldNickname oldNickname
); );

4
src/test/cypress/integration/config/AccountConfig.spec.js
View File

@ -11,9 +11,9 @@ describe('Changes user nickname', () => {
it('changes site lang when changing user lang', () => { it('changes site lang when changing user lang', () => {
cy.dataCy('configViewLang').should('exist'); cy.dataCy('configViewLang').should('exist');
cy.selectOption('[data-testid="configViewLang"]', 'Español'); cy.selectOption('[data-cy="configViewLang"]', 'Español');
cy.dataCy('headerTitle').should('contain', 'Configuración'); cy.dataCy('headerTitle').should('contain', 'Configuración');
cy.selectOption('[data-testid="configViewLang"]', 'English'); cy.selectOption('[data-cy="configViewLang"]', 'English');
cy.dataCy('headerTitle').should('contain', 'Configuration'); cy.dataCy('headerTitle').should('contain', 'Configuration');
}); });
}); });

6
src/test/cypress/integration/config/AddresList.spec.js
View File

@ -23,8 +23,8 @@ describe('PendingOrders', () => {
cy.dataCy('addressFormCity').find('input').type(data.city); cy.dataCy('addressFormCity').find('input').type(data.city);
cy.dataCy('addressFormPostcode').find('input').click(); cy.dataCy('addressFormPostcode').find('input').click();
cy.dataCy('addressFormPostcode').find('input').type(data.postcode); cy.dataCy('addressFormPostcode').find('input').type(data.postcode);
cy.selectOption('[data-testid="addressFormCountry"]', 'España'); cy.selectOption('[data-cy="addressFormCountry"]', 'España');
cy.selectOption('[data-testid="addressFormProvince"]', 'Province one'); cy.selectOption('[data-cy="addressFormProvince"]', 'Province one');
}; };
const verifyAddressCardData = data => { const verifyAddressCardData = data => {
@ -63,7 +63,7 @@ describe('PendingOrders', () => {
cy.dataCy('addressCardList') cy.dataCy('addressCardList')
.children() .children()
.last() .last()
.find('[data-testid="editAddressBtn"]') .find('[data-cy="editAddressBtn"]')
.click(); .click();
// Clear form data // Clear form data
cy.get('form input').each(input => { cy.get('form input').each(input => {

9
src/test/cypress/integration/login/LoginView.commands.js
View File

@ -40,12 +40,9 @@ Cypress.Commands.add('logout', user => {
Cypress.Commands.add('loginFlow', (user, visitLogin = true) => { Cypress.Commands.add('loginFlow', (user, visitLogin = true) => {
if (visitLogin) cy.visit('/#/login'); if (visitLogin) cy.visit('/#/login');
cy.dataCy('loginUserInput').type(user); cy.dataCy('loginUserInput').type(user);
cy.getValue('[data-testid="loginUserInput"]').should('equal', user); cy.getValue('[data-cy="loginUserInput"]').should('equal', user);
cy.dataCy('loginPasswordInput').type('nightmare'); cy.dataCy('loginPasswordInput').type('nightmare');
cy.getValue('[data-testid="loginPasswordInput"]').should( cy.getValue('[data-cy="loginPasswordInput"]').should('equal', 'nightmare');
'equal',
'nightmare'
);
cy.get('button[type="submit"]').click(); cy.get('button[type="submit"]').click();
cy.url().should('contain', '/#/cms/home'); cy.url().should('contain', '/#/cms/home');
@ -54,7 +51,7 @@ Cypress.Commands.add('loginFlow', (user, visitLogin = true) => {
Cypress.Commands.add('changeLanguage', language => { Cypress.Commands.add('changeLanguage', language => {
const languagesOrder = ['en', 'es', 'ca', 'fr', 'pt']; const languagesOrder = ['en', 'es', 'ca', 'fr', 'pt'];
const index = languagesOrder.indexOf(language); const index = languagesOrder.indexOf(language);
cy.waitForElement('[data-testid="switchLanguage"]'); cy.waitForElement('[data-cy="switchLanguage"]');
cy.dataCy('switchLanguage').click(); cy.dataCy('switchLanguage').click();
cy.get('.q-menu .q-item').eq(index).click(); // Selecciona y hace clic en el tercer elemento "index" de la lista cy.get('.q-menu .q-item').eq(index).click(); // Selecciona y hace clic en el tercer elemento "index" de la lista
}); });

2
src/test/cypress/integration/login/LoginView.spec.js
View File

@ -1,5 +1,5 @@
describe('Login Tests', () => { describe('Login Tests', () => {
const rememberCheckbox = '[data-testid="rememberCheckbox"]'; const rememberCheckbox = '[data-cy="rememberCheckbox"]';
beforeEach(() => { beforeEach(() => {
cy.visit('/#/login'); cy.visit('/#/login');

2
src/test/cypress/reports/index.html
View File

File diff suppressed because one or more lines are too long

2
src/test/cypress/support/commands.js
View File

@ -56,7 +56,7 @@ Cypress.Commands.add('waitForElement', (element, timeout = 5000) => {
cy.get(element, { timeout }).should('be.visible'); cy.get(element, { timeout }).should('be.visible');
}); });
Cypress.Commands.add('dataCy', (dataTestId, attr = 'data-testid') => { Cypress.Commands.add('dataCy', (dataTestId, attr = 'data-cy') => {
return cy.get(`[${attr}="${dataTestId}"]`); return cy.get(`[${attr}="${dataTestId}"]`);
}); });