chore(ui-tests): use data-test-id attribute

reown-com · Dec 21, 2023 · a6ed95c · a6ed95c
1 parent 08f3909
commit a6ed95c
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/apps/laboratory/tests/basic-tests.spec.ts b/apps/laboratory/tests/basic-tests.spec.ts
@@ -2,7 +2,7 @@ import { testM, expect } from './shared/fixtures/w3m-fixture'
 
 testM.describe('Modal only tests', () => {
   testM('Should be able to open modal', async ({ modalPage }) => {
-    await modalPage.page.getByText('Connect Wallet').click()
-    await expect(modalPage.page.getByText('All Wallets')).toBeVisible()
+    await modalPage.page.getByTestId('connect-button').click()
+    await expect(modalPage.page.getByTestId('all-wallets')).toBeVisible()
   })
 })
diff --git a/apps/laboratory/tests/shared/pages/ModalPage.ts b/apps/laboratory/tests/shared/pages/ModalPage.ts
@@ -20,8 +20,8 @@ export class ModalPage {
   async copyConnectUriToClipboard() {
     await this.page.goto(`${this.baseURL}library/${this.library}/`)
     await this.connectButton.click()
-    await this.page.getByText('WalletConnect').click()
+    await this.page.getByTestId('wallet-selector-walletconnect').click()
     await this.page.waitForTimeout(2000)
-    await this.page.getByText('Copy link').click()
+    await this.page.getByTestId('copy-wc2-uri').click()
   }
 }
diff --git a/packages/scaffold/src/modal/w3m-button/index.ts b/packages/scaffold/src/modal/w3m-button/index.ts
@@ -53,6 +53,7 @@ export class W3mButton extends LitElement {
             size=${ifDefined(this.size)}
             label=${ifDefined(this.label)}
             loadingLabel=${ifDefined(this.loadingLabel)}
+            data-testid="connect-button"
           ></w3m-connect-button>
         `
   }

diff --git a/packages/scaffold/src/partials/w3m-connecting-wc-qrcode/index.ts b/packages/scaffold/src/partials/w3m-connecting-wc-qrcode/index.ts
@@ -73,7 +73,12 @@ export class W3mConnectingWcQrcode extends W3mConnectingWidget {
   private copyTemplate() {
     const inactive = !this.uri || !this.ready
 
-    return html`<wui-link .disabled=${inactive} @click=${this.onCopyUri} color="fg-200">
+    return html`<wui-link
+      .disabled=${inactive}
+      @click=${this.onCopyUri}
+      color="fg-200"
+      data-testid="copy-wc2-uri"
+    >
       <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
       Copy link
     </wui-link>`

diff --git a/packages/scaffold/src/views/w3m-connect-view/index.ts b/packages/scaffold/src/views/w3m-connect-view/index.ts
@@ -70,6 +70,7 @@ export class W3mConnectView extends LitElement {
         @click=${() => this.onConnector(connector)}
         tagLabel="qr code"
         tagVariant="main"
+        data-testid="wallet-selector-walletconnect"
       >
       </wui-list-wallet>
     `
@@ -214,6 +215,7 @@ export class W3mConnectView extends LitElement {
         @click=${this.onAllWallets.bind(this)}
         tagLabel=${tagLabel}
         tagVariant="shade"
+        data-testid="all-wallets"
       ></wui-list-wallet>
     `
   }