feat(ui-test): cover switching networks

reown-com · Dec 28, 2023 · f1338fa · f1338fa
1 parent 8d5737e
commit f1338fa
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 0 deletions.
diff --git a/apps/laboratory/tests/connect.spec.ts b/apps/laboratory/tests/connect.spec.ts
@@ -21,3 +21,15 @@ testMW('it should sign', async ({ modalPage, walletPage, modalValidator, walletV
   await walletPage.handleRequest({ accept: true })
   await modalValidator.expectAcceptedSign()
 })
+
+testMW(
+  'it should switch networks and sign',
+  async ({ modalPage, walletPage, modalValidator, walletValidator }) => {
+    const targetChain = 'Polygon'
+    await modalPage.switchNetwork(targetChain)
+    await modalPage.sign()
+    await walletValidator.expectReceivedSign({ chainName: targetChain })
+    await walletPage.handleRequest({ accept: true })
+    await modalValidator.expectAcceptedSign()
+  }
+)
diff --git a/apps/laboratory/tests/shared/pages/ModalPage.ts b/apps/laboratory/tests/shared/pages/ModalPage.ts
@@ -33,4 +33,11 @@ export class ModalPage {
   async sign() {
     await this.page.getByTestId('sign-message-button').click()
   }
+
+  async switchNetwork(network: string) {
+    await this.page.getByTestId('account-button').click()
+    await this.page.getByTestId('w3m-account-select-network').click()
+    await this.page.getByTestId(`w3m-network-switch-${network}`).click()
+    await this.page.getByTestId(`w3m-header-close`).click()
+  }
 }
diff --git a/packages/scaffold/src/partials/w3m-header/index.ts b/packages/scaffold/src/partials/w3m-header/index.ts
@@ -79,6 +79,7 @@ export class W3mHeader extends LitElement {
           ?disabled=${this.buffering}
           icon="close"
           @click=${this.onClose.bind(this)}
+          data-testid="w3m-header-close"
         ></wui-icon-link>
       </wui-flex>
       ${this.separatorTemplate()}

diff --git a/packages/scaffold/src/views/w3m-account-view/index.ts b/packages/scaffold/src/views/w3m-account-view/index.ts
@@ -133,6 +133,7 @@ export class W3mAccountView extends LitElement {
           imageSrc=${ifDefined(networkImage)}
           ?chevron=${this.isAllowedNetworkSwitch()}
           @click=${this.onNetworks.bind(this)}
+          data-testid="w3m-account-select-network"
         >
           <wui-text variant="paragraph-500" color="fg-100">
             ${this.network?.name ?? 'Unknown'}

diff --git a/packages/scaffold/src/views/w3m-networks-view/index.ts b/packages/scaffold/src/views/w3m-networks-view/index.ts
@@ -94,6 +94,7 @@ export class W3mNetworksView extends LitElement {
           name=${network.name ?? network.id}
           @click=${() => this.onSwitchNetwork(network)}
           .disabled=${!supportsAllNetworks && !approvedIds?.includes(network.id)}
+          data-testid=${`w3m-network-switch-${network.name ?? network.id}`}
         ></wui-card-select>
       `
     )