fix: e2e

hassnian · Jul 16, 2024 · 6be7b0c · 6be7b0c
1 parent 3ecacbc
commit 6be7b0c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/components/collection/HeroButtons.vue b/components/collection/HeroButtons.vue
@@ -81,14 +81,10 @@
         </NeoDropdown>
       </div>
     </div>
-    <NeoModal :value="QRModalActive" @close="QRModalActive = false">
-      <div class="card" data-testid="hero-share-qrcode-modal">
-        <header class="card-header">
-          <p class="card-header-title">{{ collection?.name }}</p>
-        </header>
-        <div class="card-content">
-          <QRCode :text="currentCollectionUrl" />
-        </div>
+    <NeoModal :value="QRModalActive" header="" @close="QRModalActive = false">
+      <NeoModalHead :title="collection?.name" @close="QRModalActive = false" />
+      <div class="card-content" data-testid="hero-share-qrcode-modal">
+        <QRCode :text="currentCollectionUrl" />
       </div>
     </NeoModal>
   </div>
@@ -101,6 +97,7 @@ import {
   NeoDropdownItem,
   NeoIcon,
   NeoModal,
+  NeoModalHead,
 } from '@kodadot1/brick'
 import { useCollectionMinimal } from '@/components/collection/utils/useCollectionDetails'
 import { hasOperationsDisabled } from '@/utils/prefix'

diff --git a/tests/e2e/share.spec.ts b/tests/e2e/share.spec.ts
@@ -49,7 +49,10 @@ test('Share Button on Collection', async ({ page, Commands, baseURL }) => {
     await shareBtn.click()
     await page.getByTestId('hero-share-QR-dropdown').first().click()
     await expect(page.getByTestId('hero-share-qrcode-modal')).toBeVisible()
-    await page.keyboard.press('Escape')
+    await page
+      .getByTestId('modal-close-button')
+      .and(page.locator(':visible'))
+      .click()
   })
   //Twitter
   await test.step('Clicks on twitter and verify URL', async () => {

diff --git a/tests/e2e/sidebar.spec.ts b/tests/e2e/sidebar.spec.ts
@@ -29,7 +29,10 @@ test('Sidebar Interactions', async ({ page, Commands }) => {
     })
     await page.getByTestId('button-add-funds-empty').click()
     await expect(page.getByTestId('on-ramp-modal')).toBeVisible()
-    await page.keyboard.press('Escape')
+    await page
+      .getByTestId('modal-close-button')
+      .and(page.locator(':visible'))
+      .click()
     await expect(page.getByTestId('on-ramp-modal')).not.toBeVisible()
   })
 })