From 8b87f8607051f0c242f0eda2460c2c57931e9829 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:11:32 -0300
Subject: [PATCH 1/8] data test ids

---
 components/CookieBanner.vue                           |  1 +
 components/Navbar.vue                                 |  5 ++++-
 components/common/ConnectWallet/WalletAssetMenu.vue   |  4 +++-
 .../common/NotificationBox/NotificationBoxModal.vue   |  3 ++-
 components/common/shoppingCart/ShoppingCartModal.vue  |  3 ++-
 components/identity/module/IdentityPopover.vue        |  6 ++++--
 components/profile/ProfileDetail.vue                  | 11 ++++++++---
 components/profile/activityTab/Activity.vue           |  2 ++
 components/profile/activityTab/History.vue            |  1 +
 9 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/components/CookieBanner.vue b/components/CookieBanner.vue
index 7fb56f0e83..4595add00f 100644
--- a/components/CookieBanner.vue
+++ b/components/CookieBanner.vue
@@ -21,6 +21,7 @@
               variant="text"
               no-shadow
               class="has-text-weight-bold ml-3"
+              data-testid="cookie-banner-button-accept"
               @click="acceptCookies">
               {{ $t('cookies.accept') }}
             </NeoButton>
diff --git a/components/Navbar.vue b/components/Navbar.vue
index adc320058c..c7b5acffe6 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -139,10 +139,12 @@
 
           <NotificationBoxButton
             v-if="account"
+            data-testid="navbar-button-notification"
             :show-label="isMobile"
             @closeBurgerMenu="showMobileNavbar" />
 
           <ShoppingCartButton
+            data-testid="navbar-button-cart"
             :show-label="isMobile"
             @closeBurgerMenu="showMobileNavbar" />
 
@@ -165,6 +167,7 @@
             <div v-if="!account" id="NavProfile">
               <ConnectWalletButton
                 class="button-connect-wallet"
+                data-testid="navbar-button-connect-wallet"
                 variant="connect"
                 @closeBurgerMenu="showMobileNavbar" />
             </div>
@@ -174,7 +177,7 @@
             v-if="!isMobile"
             id="NavProfile"
             :chain="urlPrefix"
-            data-testid="profileDropdown"
+            data-testid="navbar-profile-dropdown"
             @closeBurgerMenu="closeBurgerMenu" />
         </div>
         <!-- END NAV END -->
diff --git a/components/common/ConnectWallet/WalletAssetMenu.vue b/components/common/ConnectWallet/WalletAssetMenu.vue
index 7daa266eef..2172d1f160 100644
--- a/components/common/ConnectWallet/WalletAssetMenu.vue
+++ b/components/common/ConnectWallet/WalletAssetMenu.vue
@@ -1,6 +1,7 @@
 <template>
   <div
-    class="wallet-asset-container mt-4 is-flex is-flex-direction-column is-justify-content-space-between">
+    class="wallet-asset-container mt-4 is-flex is-flex-direction-column is-justify-content-space-between"
+    data-testid="sidebar-wallet-container">
     <div>
       <a
         v-for="menu in menus"
@@ -47,6 +48,7 @@
       <nuxt-link
         to="/settings"
         class="has-text-grey is-align-items-center"
+        data-testid="sidebar-link-settings"
         @click="closeModal">
         <NeoIcon icon="gear" />
         <span>{{ $t('settings') }}</span>
diff --git a/components/common/NotificationBox/NotificationBoxModal.vue b/components/common/NotificationBox/NotificationBoxModal.vue
index 25921f8849..4b4dfc3616 100644
--- a/components/common/NotificationBox/NotificationBoxModal.vue
+++ b/components/common/NotificationBox/NotificationBoxModal.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     v-if="isOpen"
-    class="notification-modal-container theme-background-color border-left is-flex is-flex-direction-column">
+    class="notification-modal-container theme-background-color border-left is-flex is-flex-direction-column"
+    data-testid="notification-modal-container">
     <NeoModalHead
       :title="$t('notification.notifications')"
       @close="closeModal" />
diff --git a/components/common/shoppingCart/ShoppingCartModal.vue b/components/common/shoppingCart/ShoppingCartModal.vue
index 7a88b46177..b0c8b4ef33 100644
--- a/components/common/shoppingCart/ShoppingCartModal.vue
+++ b/components/common/shoppingCart/ShoppingCartModal.vue
@@ -1,7 +1,8 @@
 <template>
   <div>
     <div
-      class="shopping-cart-modal-container theme-background-color border-left is-flex is-flex-direction-column">
+      class="shopping-cart-modal-container theme-background-color border-left is-flex is-flex-direction-column"
+      data-testid="shopping-cart-modal-container">
       <NeoModalHead
         :title="$t('shoppingCart.title')"
         @close="closeShoppingCart(ModalCloseType.BACK)" />
diff --git a/components/identity/module/IdentityPopover.vue b/components/identity/module/IdentityPopover.vue
index d8db9f8e77..23a9c4b39d 100644
--- a/components/identity/module/IdentityPopover.vue
+++ b/components/identity/module/IdentityPopover.vue
@@ -7,11 +7,13 @@
     boundary="viewport"
     placement="bottom"
     :delay="0"
-    data-testid="identity">
+    data-testid="identity-tippy-link">
     <slot name="content" />
 
     <template #content>
-      <div class="popover-content-container p-5">
+      <div
+        class="popover-content-container p-5"
+        data-testid="identity-popover-container">
         <IdentityPopoverHeader />
         <IdentityPopoverFooter :sold-items="nftEntities" />
       </div>
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
index dee60d62ba..292f782632 100644
--- a/components/profile/ProfileDetail.vue
+++ b/components/profile/ProfileDetail.vue
@@ -16,7 +16,7 @@
           <div class="container image is-64x64 mb-2">
             <Avatar :value="id" />
           </div>
-          <h1 class="title is-2" data-testid="user-identity">
+          <h1 class="title is-2" data-testid="profile-user-identity">
             <a
               v-if="hasBlockExplorer"
               v-safe-href="explorer"
@@ -49,7 +49,8 @@
           </NeoButton>
 
           <div
-            class="is-flex is-align-items-center is-justify-content-center is-flex-wrap-wrap">
+            class="is-flex is-align-items-center is-justify-content-center is-flex-wrap-wrap"
+            data-testid="profile-identity-buttons">
             <NeoButton
               v-safe-href="`https://subscan.io/account/${id}`"
               no-shadow
@@ -104,6 +105,7 @@
           v-for="tab in tabs"
           :key="tab"
           class="is-capitalized"
+          data-testid="profile-tabs"
           :active="activeTab === tab"
           :count="counts[tab]"
           :show-active-check="false"
@@ -138,7 +140,10 @@
         <div
           class="is-flex is-justify-content-space-between pb-4 pt-5 is-align-content-center">
           <div class="is-flex">
-            <FilterButton :label="$t('sort.listed')" url-param="buy_now" />
+            <FilterButton
+              :label="$t('sort.listed')"
+              url-param="buy_now"
+              data-testid="profile-filter-button-buynow" />
             <FilterButton
               v-if="activeTab === 'created'"
               :label="$t('activity.sold')"
diff --git a/components/profile/activityTab/Activity.vue b/components/profile/activityTab/Activity.vue
index 3034fc7ebb..e3608f0fb9 100644
--- a/components/profile/activityTab/Activity.vue
+++ b/components/profile/activityTab/Activity.vue
@@ -9,6 +9,7 @@
             <NeoButton
               no-shadow
               rounded
+              data-testid="profile-activity-button-all"
               label="All"
               variant="text"
               @click="activateAllFilter" />
@@ -16,6 +17,7 @@
               v-for="param in filters"
               :key="param"
               :label="param"
+              data-testid="profile-activity-button-filter"
               class="is-capitalized"
               :url-param="param" />
           </div>
diff --git a/components/profile/activityTab/History.vue b/components/profile/activityTab/History.vue
index ddb47341a6..307aecaba0 100644
--- a/components/profile/activityTab/History.vue
+++ b/components/profile/activityTab/History.vue
@@ -54,6 +54,7 @@
           <HistoryRow
             v-for="item in showList"
             :key="item.ID"
+            data-testid="history-item-row"
             :event="item"
             :variant="variant"
             :with-to-column="isToColumnVisible" />

From be4a61b06cec16a2a86e256ee7889b09d5cbc389 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:12:09 -0300
Subject: [PATCH 2/8] id change

---
 tests/e2e/basic.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/e2e/basic.spec.ts b/tests/e2e/basic.spec.ts
index 8d3095e8c8..e0da77419f 100644
--- a/tests/e2e/basic.spec.ts
+++ b/tests/e2e/basic.spec.ts
@@ -17,6 +17,6 @@ test('Landing Elements', async ({ page }) => {
     await expect(page.getByTestId('explore').last()).toBeVisible()
     await expect(page.getByTestId('search-bar')).toBeVisible()
     await expect(page.getByTestId('footer-container')).toBeVisible()
-    await expect(page.getByTestId('profileDropdown')).toBeVisible()
+    await expect(page.getByTestId('navbar-profile-dropdown')).toBeVisible()
   }
 })

From 29d874a95836eebdaedf34d46d1747d373c648b1 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:12:24 -0300
Subject: [PATCH 3/8] id change 2

---
 tests/e2e/language.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/e2e/language.spec.ts b/tests/e2e/language.spec.ts
index 42265aa12f..ffac7f999d 100644
--- a/tests/e2e/language.spec.ts
+++ b/tests/e2e/language.spec.ts
@@ -6,7 +6,7 @@ test('Check Language translations', async ({ page }) => {
   await expect(page.getByTestId('mockAddress')).toHaveText('true')
   await page.goto('')
   //DE
-  await page.getByTestId('profileDropdown').click()
+  await page.getByTestId('navbar-profile-dropdown').click()
   await page.getByTestId('sidebar-language').click()
   await expect(page.getByRole('menu')).toBeVisible()
   //await expect(page.getByTestId('skeleton-multiple-balances')).toHaveCount(0)

From ec1425a2c224dca67453946f29adac9d2f5ef06d Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:12:35 -0300
Subject: [PATCH 4/8] new fixtures

---
 tests/e2e/custom.ts | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/tests/e2e/custom.ts b/tests/e2e/custom.ts
index be5c5be996..e57fab9796 100644
--- a/tests/e2e/custom.ts
+++ b/tests/e2e/custom.ts
@@ -6,12 +6,13 @@ export class Commands {
 
   async e2elogin() {
     await this.page.goto('/e2e-login')
-    //await Promise.all([
-    //    //this.page.waitForRequest('http://localhost:9090/_nuxt/pages/e2e-login.js')
-    //    this.page.waitForResponse(resp => resp.status() === 200)
-    //  ])
-    await this.page.waitForTimeout(10000)
-    await expect(this.page.getByTestId('mockAddress')).toHaveText('true')
+    await expect(this.page.getByTestId('navbar-profile-dropdown')).toBeVisible()
+    await expect(
+      this.page.getByTestId('navbar-button-connect-wallet'),
+    ).toBeHidden()
+    await expect(this.page.getByTestId('mockAddress')).toHaveText('true', {
+      timeout: 15000,
+    })
   }
 
   async copyText(paste: string) {
@@ -20,4 +21,18 @@ export class Commands {
     )
     expect(clipboardText1).toContain(paste)
   }
+
+  async scrollDownSlow() {
+    await this.page.evaluate(async () => {
+      const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
+      // eslint-disable-next-line no-restricted-syntax
+      for (let i = 0; i < document.body.scrollHeight; i += 100) {
+        window.scrollTo(0, i)
+        await delay(200)
+      }
+    })
+  }
+  async acceptCookies() {
+    await this.page.getByTestId('cookie-banner-button-accept').click()
+  }
 }

From f0b1379ea7d691f93947bb601c70781e7c7ef4b9 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:12:51 -0300
Subject: [PATCH 5/8] profile test

---
 tests/e2e/profile.spec.ts | 79 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 tests/e2e/profile.spec.ts

diff --git a/tests/e2e/profile.spec.ts b/tests/e2e/profile.spec.ts
new file mode 100644
index 0000000000..c9a6df56e9
--- /dev/null
+++ b/tests/e2e/profile.spec.ts
@@ -0,0 +1,79 @@
+import { expect, test } from './fixtures'
+
+test('Profile Interactions', async ({ page, Commands }) => {
+  const testAddress = 'FSMdmCLv5gFZ87YerB3M8ZSQ58BGHdSnreC4J6znWpqPQK9'
+  await page.goto(`ahk/u/${testAddress}?tab=owned`)
+  await Commands.scrollDownSlow()
+  //test step - will check if buy now has items that are not listed
+  await test.step('Buy Now', async () => {
+    await Commands.acceptCookies()
+    await page.getByTestId('profile-filter-button-buynow').click()
+    await Commands.scrollDownSlow()
+    for (const li of await page.locator('[class="nft-card"]').all()) {
+      await expect(li.getByText('KSM')).toBeVisible()
+    }
+  })
+  //test step
+  await test.step('Activity Tab', async () => {
+    await page.getByTestId('profile-tabs').last().click()
+    //usually sale and buy are active when you enter the page
+    //SALE
+    await page.getByTestId('profile-activity-button-filter').nth(1).click()
+    //checks if sale tag exists
+    await expect(page.getByTestId('history-item-row').first()).toBeVisible()
+    await expect(
+      page.getByTestId('history-item-row').first().filter({ hasText: 'Sale' }),
+    ).toBeVisible()
+    await page.getByTestId('identity-tippy-link').first().hover()
+    await expect(page.getByTestId('identity-popover-container')).toBeVisible()
+    //BUY
+    await page.getByTestId('profile-activity-button-filter').nth(0).click()
+    await page.getByTestId('profile-activity-button-filter').nth(1).click()
+    await page.getByTestId('identity-tippy-link').last().hover()
+    await expect(page.getByTestId('identity-popover-container')).toBeVisible()
+    await expect(
+      page.getByTestId('history-item-row').first().filter({ hasText: 'Buy' }),
+    ).toBeVisible()
+    //TRANSFER
+    await page.getByTestId('profile-activity-button-filter').nth(1).click()
+    await page.getByTestId('profile-activity-button-filter').nth(3).click()
+    await expect(
+      page
+        .getByTestId('history-item-row')
+        .first()
+        .filter({ hasText: 'Transfer' }),
+    ).toBeVisible()
+    //LIST
+    await page.getByTestId('profile-activity-button-filter').nth(3).click()
+    await page.getByTestId('profile-activity-button-filter').nth(4).click()
+    await expect(
+      page.getByTestId('history-item-row').first().filter({ hasText: 'List' }),
+    ).toBeVisible()
+    //ALL
+    await page.getByTestId('profile-activity-button-all').click()
+  })
+  //test step
+  await test.step('Profile Links', async () => {
+    //copy address
+    await page
+      .getByTestId('profile-identity-buttons')
+      .getByText('Copy Address')
+      .click()
+    await Commands.copyText(testAddress)
+    //QR Code
+    await page
+      .getByTestId('profile-identity-buttons')
+      .getByText('QR Code')
+      .click()
+    await expect(page.locator('[class="card-header-title"]')).toBeVisible()
+    await page.keyboard.press('Escape')
+    //Transfer
+    await page
+      .getByTestId('profile-identity-buttons')
+      .getByText('Transfer')
+      .click()
+    await expect(page).toHaveURL(
+      `/ahk/transfer?target=${testAddress}&usdamount=10&donation=true`,
+    )
+  })
+})

From 8e02c3bb63f7cf6912746c6477949fd81f517dbd Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:13:17 -0300
Subject: [PATCH 6/8] small tests

---
 tests/e2e/prefix.spec.ts   | 19 +++++++++++++++++++
 tests/e2e/settings.spec.ts | 11 +++++++++++
 tests/e2e/sidebar.spec.ts  | 19 +++++++++++++++++++
 3 files changed, 49 insertions(+)
 create mode 100644 tests/e2e/settings.spec.ts
 create mode 100644 tests/e2e/sidebar.spec.ts

diff --git a/tests/e2e/prefix.spec.ts b/tests/e2e/prefix.spec.ts
index 6ac30560bc..bf6ff0cd5b 100644
--- a/tests/e2e/prefix.spec.ts
+++ b/tests/e2e/prefix.spec.ts
@@ -24,3 +24,22 @@ test('Switch network', async ({ page }) => {
   await page.getByTestId('chain-dropdown-rmrk').click()
   await expect(page.getByTestId('chain')).toHaveText('rmrk')
 })
+
+test('Check if RMRK2 NFT URL is correct', async ({ page }) => {
+  //RMRK2
+  await page.goto('/ksm/explore/items?listed=false&search=Spirit+Key+%232112')
+  await page.locator('[class="infinite-scroll-item"]').click()
+  await expect(page).toHaveURL(
+    '/ksm/gallery/15024340-b6e98494bff52d3b1e-SPIRIT-SPIRIT2112-00002112',
+  )
+})
+
+//will not work because filtering on Assethubs still not implemented
+/*
+test('Check if Ahk NFT URL is correct', async ({ page }) => {
+  //AHK
+  await page.goto('/ahk/explore/items?listed=false&search=Susanne')
+  await page.locator('[class="infinite-scroll-item"]').click()
+  await expect(page).toHaveURL('/ahk/gallery/111-2')
+})
+*/
diff --git a/tests/e2e/settings.spec.ts b/tests/e2e/settings.spec.ts
new file mode 100644
index 0000000000..bf8a598ac2
--- /dev/null
+++ b/tests/e2e/settings.spec.ts
@@ -0,0 +1,11 @@
+import { expect, test } from './fixtures'
+
+test('Sidebar Interactions', async ({ page, Commands }) => {
+  await Commands.e2elogin()
+  await page.goto('/ahk')
+  //click on settings and check if page redirects correctly
+  await page.getByTestId('navbar-profile-dropdown').click()
+  await page.getByTestId('sidebar-link-settings').click()
+  await expect(page).toHaveURL('/settings')
+  await expect(page.getByTestId('sidebar-wallet-container')).toBeHidden()
+})
diff --git a/tests/e2e/sidebar.spec.ts b/tests/e2e/sidebar.spec.ts
new file mode 100644
index 0000000000..1ba4ff83f6
--- /dev/null
+++ b/tests/e2e/sidebar.spec.ts
@@ -0,0 +1,19 @@
+import { expect, test } from './fixtures'
+
+test('Sidebar Interactions', async ({ page, Commands }) => {
+  await Commands.e2elogin()
+  await page.goto('/ahk')
+  //checks if sidebar closes when clicking another sidebar
+  //profile
+  await page.getByTestId('navbar-profile-dropdown').click()
+  await expect(page.getByTestId('sidebar-wallet-container')).toBeVisible()
+  //cart
+  await page.getByTestId('navbar-button-cart').click()
+  await expect(page.getByTestId('sidebar-wallet-container')).toBeHidden()
+  //notification
+  await page.getByTestId('navbar-button-notification').click()
+  await expect(page.getByTestId('shopping-cart-modal-container')).toBeHidden()
+  //profile
+  await page.getByTestId('navbar-profile-dropdown').click()
+  await expect(page.getByTestId('notification-modal-container')).toBeHidden()
+})

From 742fc5c05bb365c12cb9fb409b2fc63926e5af50 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 20:24:00 -0300
Subject: [PATCH 7/8] youtube

---
 tests/e2e/footer.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/e2e/footer.spec.ts b/tests/e2e/footer.spec.ts
index b6b68157c2..f50f733eae 100644
--- a/tests/e2e/footer.spec.ts
+++ b/tests/e2e/footer.spec.ts
@@ -66,7 +66,7 @@ const footerSocialMediaLinks = [
   //},
   {
     linkName: 'Youtube',
-    linkAddress: 'https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA',
+    linkAddress: 'https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA/',
   },
   //{
   //  linkName: 'Instagram',

From ec0464a23aa03401cc084f63a958864deb0fb246 Mon Sep 17 00:00:00 2001
From: prury <yco.arq@gmail.com>
Date: Tue, 17 Oct 2023 21:58:16 -0300
Subject: [PATCH 8/8] naming

---
 tests/e2e/settings.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/e2e/settings.spec.ts b/tests/e2e/settings.spec.ts
index bf8a598ac2..f09c357731 100644
--- a/tests/e2e/settings.spec.ts
+++ b/tests/e2e/settings.spec.ts
@@ -1,6 +1,6 @@
 import { expect, test } from './fixtures'
 
-test('Sidebar Interactions', async ({ page, Commands }) => {
+test('Settings', async ({ page, Commands }) => {
   await Commands.e2elogin()
   await page.goto('/ahk')
   //click on settings and check if page redirects correctly