✨ feat: Confirm transaction test cases with Cypress (#1214)

* feat: confirm transaction test cases with Cypress

* feat: rejection API with Cypress (#1215)

* fix: spec pattern

.gitignore

@@ -2,6 +2,7 @@
 
 # VS Code
 .vscode
+.history
 
 # JetBrains
 .idea

biome.json

@@ -13,7 +13,8 @@
       "**/playwright-report",
       "**/.cache-synpress",
       "**/.vitepress/cache",
-      "**/downloads"
+      "**/downloads",
+      "**/.history"
     ]
   },
   "formatter": {

wallets/metamask/src/cypress/MetaMask.ts

@@ -26,6 +26,10 @@ export default class MetaMask {
       .innerText()
   }
 
+  async getAccountAddress() {
+    return await this.metamaskPlaywright.getAccountAddress()
+  }
+
   async getNetwork() {
     return await this.metamaskExtensionPage
       .locator(this.metamaskPlaywright.homePage.selectors.currentNetwork)
@@ -188,6 +192,12 @@ export default class MetaMask {
       })
   }
 
+  async rejectTokenPermission() {
+    await this.metamaskPlaywright.rejectTokenPermission()
+
+    return true
+  }
+
   // Network
 
   async approveNewNetwork() {
@@ -202,6 +212,18 @@ export default class MetaMask {
     return true
   }
 
+  async rejectNewNetwork() {
+    await this.metamaskPlaywright.rejectNewNetwork()
+
+    return true
+  }
+
+  async rejectSwitchNetwork() {
+    await this.metamaskPlaywright.rejectSwitchNetwork()
+
+    return true
+  }
+
   // Others
 
   async providePublicEncryptionKey() {
@@ -237,15 +259,29 @@ export default class MetaMask {
       })
   }
 
-  async confirmTransaction() {
-    return await this.metamaskPlaywright
-      .confirmTransaction()
-      .then(() => {
-        return true
-      })
-      .catch(() => {
-        return false
-      })
+  async rejectSignature() {
+    await this.metamaskPlaywright.rejectSignature()
+
+    return true
+  }
+
+  async confirmTransaction(options?: { gasSetting?: GasSettings }) {
+    await waitFor(
+      () =>
+        this.metamaskExtensionPage.locator(TransactionPage.nftApproveAllConfirmationPopup.approveButton).isVisible(),
+      5_000,
+      false
+    )
+
+    await this.metamaskPlaywright.confirmTransaction(options)
+
+    return true
+  }
+
+  async rejectTransaction() {
+    await this.metamaskPlaywright.rejectTransaction()
+
+    return true
   }
 
   async confirmTransactionAndWaitForMining() {

wallets/metamask/src/cypress/configureSynpress.ts

@@ -61,12 +61,12 @@ export default function configureSynpress(on: Cypress.PluginEvents, config: Cypr
     }
   })
 
+  // Synpress API
   on('task', {
-    // Synpress API
-
     // Account
     connectToDapp: () => metamask?.connectToDapp(),
     getAccount: () => metamask?.getAccount(),
+    getAccountAddress: () => metamask?.getAccountAddress(),
     addNewAccount: (accountName: string) => metamask?.addNewAccount(accountName),
     switchAccount: (accountName: string) => metamask?.switchAccount(accountName),
     renameAccount: ({
@@ -93,6 +93,8 @@ export default function configureSynpress(on: Cypress.PluginEvents, config: Cypr
     addNetwork: (network: Network) => metamask?.addNetwork(network),
     approveNewNetwork: () => metamask?.approveNewNetwork(),
     approveSwitchNetwork: () => metamask?.approveSwitchNetwork(),
+    rejectNewNetwork: () => metamask?.rejectNewNetwork(),
+    rejectSwitchNetwork: () => metamask?.rejectSwitchNetwork(),
 
     // Anvil
     createAnvilNode: (options?: CreateAnvilOptions) => metamask?.createAnvilNode(options),
@@ -105,14 +107,17 @@ export default function configureSynpress(on: Cypress.PluginEvents, config: Cypr
       spendLimit?: number | 'max'
       gasSetting?: GasSettings
     }) => metamask?.approveTokenPermission(options),
+    rejectTokenPermission: () => metamask?.rejectTokenPermission(),
 
     // Encryption
     providePublicEncryptionKey: () => metamask?.providePublicEncryptionKey(),
     decrypt: () => metamask?.decrypt(),
 
     // Transactions
     confirmSignature: () => metamask?.confirmSignature(),
-    confirmTransaction: () => metamask?.confirmTransaction(),
+    rejectSignature: () => metamask?.rejectSignature(),
+    confirmTransaction: (options?: { gasSetting?: GasSettings }) => metamask?.confirmTransaction(options),
+    rejectTransaction: () => metamask?.rejectTransaction(),
     confirmTransactionAndWaitForMining: () => metamask?.confirmTransactionAndWaitForMining(),
     openTransactionDetails: (txIndex: number) => metamask?.openTransactionDetails(txIndex),
     closeTransactionDetails: () => metamask?.closeTransactionDetails()

wallets/metamask/src/cypress/support/synpressCommands.ts

@@ -24,6 +24,7 @@ declare global {
       addNewAccount(accountName: string): Chainable<void>
       switchAccount(accountName: string): Chainable<void>
       renameAccount(currentAccountName: string, newAccountName: string): Chainable<void>
+      getAccountAddress(): Chainable<string>
 
       switchNetwork(networkName: string, isTestnet?: boolean): Chainable<void>
       createAnvilNode(options?: CreateAnvilOptions): Chainable<{
@@ -36,18 +37,23 @@ declare global {
       addNetwork(network: Network): Chainable<void>
       approveNewNetwork(): Chainable<void>
       approveSwitchNetwork(): Chainable<void>
+      rejectNewNetwork(): Chainable<void>
+      rejectSwitchNetwork(): Chainable<void>
 
       deployToken(): Chainable<void>
       addNewToken(): Chainable<void>
       approveTokenPermission(options?: {
         spendLimit?: number | 'max'
         gasSetting?: GasSettings
       }): Chainable<void>
+      rejectTokenPermission(): Chainable<void>
 
       providePublicEncryptionKey(): Chainable<void>
       decrypt(): Chainable<void>
       confirmSignature(): Chainable<void>
-      confirmTransaction(): Chainable<void>
+      rejectSignature(): Chainable<void>
+      confirmTransaction(options?: { gasSetting?: GasSettings }): Chainable<void>
+      rejectTransaction(): Chainable<void>
       confirmTransactionAndWaitForMining(): Chainable<void>
       openTransactionDetails(txIndex: number): Chainable<void>
       closeTransactionDetails(): Chainable<void>
@@ -78,6 +84,9 @@ export default function synpressCommands() {
   Cypress.Commands.add('renameAccount', (currentAccountName: string, newAccountName: string) => {
     return cy.task('renameAccount', { currentAccountName, newAccountName })
   })
+  Cypress.Commands.add('getAccountAddress', () => {
+    return cy.task('getAccountAddress')
+  })
 
   // Network
 
@@ -118,6 +127,12 @@ export default function synpressCommands() {
   Cypress.Commands.add('approveSwitchNetwork', () => {
     return cy.task('approveSwitchNetwork')
   })
+  Cypress.Commands.add('rejectNewNetwork', () => {
+    return cy.task('rejectNewNetwork')
+  })
+  Cypress.Commands.add('rejectSwitchNetwork', () => {
+    return cy.task('rejectSwitchNetwork')
+  })
 
   // Token
 
@@ -136,6 +151,9 @@ export default function synpressCommands() {
       return cy.task('approveTokenPermission', options)
     }
   )
+  Cypress.Commands.add('rejectTokenPermission', () => {
+    return cy.task('rejectTokenPermission')
+  })
 
   // Others
 
@@ -148,8 +166,14 @@ export default function synpressCommands() {
   Cypress.Commands.add('confirmSignature', () => {
     return cy.task('confirmSignature')
   })
-  Cypress.Commands.add('confirmTransaction', () => {
-    return cy.task('confirmTransaction')
+  Cypress.Commands.add('rejectSignature', () => {
+    return cy.task('rejectSignature')
+  })
+  Cypress.Commands.add('confirmTransaction', (options?: { gasSetting?: GasSettings }) => {
+    return cy.task('confirmTransaction', options)
+  })
+  Cypress.Commands.add('rejectTransaction', () => {
+    return cy.task('rejectTransaction')
   })
   Cypress.Commands.add('confirmTransactionAndWaitForMining', () => {
     return cy.task('confirmTransactionAndWaitForMining')

wallets/metamask/src/playwright/pages/NotificationPage/actions/approvePermission.ts

@@ -1,7 +1,7 @@
 import type { Page } from '@playwright/test'
 import Selectors from '../../../../selectors/pages/NotificationPage'
-import { transaction } from './transaction'
 import type { GasSettings } from '../../../../type/GasSettings'
+import { transaction } from './transaction'
 
 const editTokenPermission = async (notificationPage: Page, customSpendLimit: 'max' | number) => {
   if (customSpendLimit === 'max') {

wallets/metamask/src/playwright/utils/waitFor.ts

@@ -32,7 +32,7 @@ export const waitForMetaMaskLoad = async (page: Page) => {
     })
   )
     .then(() => {
-      console.log('All loading indicators are hidden')
+      return true
     })
     .catch((error) => {
       console.error('Error: ', error)

wallets/metamask/src/type/MetaMaskAbstract.ts

@@ -1,6 +1,6 @@
 import { SettingsSidebarMenus } from '../selectors/pages/HomePage/settings'
+import type { GasSettings } from './GasSettings'
 import type { Network } from './Network'
-import type { GasSettings } from './GasSettings';
 
 export abstract class MetaMaskAbstract {
   /**