test: speed up filling address input and metadata input (#1941)

Author: wklos-iohk

packages/e2e-tests/src/elements/AddressInput.ts

@@ -1,5 +1,7 @@
 /* eslint-disable no-undef */
 import { ChainablePromiseElement } from 'webdriverio';
+import { browser } from '@wdio/globals';
+import { pasteValueIntoInputField } from '../utils/inputFieldUtils';
 
 export class AddressInput {
   protected CONTAINER = '//div[@data-testid="address-input"]';
@@ -47,9 +49,21 @@ export class AddressInput {
     return $(this.ADA_HANDLE_INPUT_ERROR);
   }
 
-  fillAddress = async (address: string): Promise<void> => {
+  fillAddress = async (address: string, method: 'keys' | 'paste' | 'setValue' = 'setValue'): Promise<void> => {
     await this.input.waitForClickable();
-    await this.input.setValue(address);
+    switch (method) {
+      case 'paste':
+        await pasteValueIntoInputField(await this.input, address);
+        break;
+      case 'keys':
+        await this.input.click();
+        await browser.keys(address);
+        break;
+      case 'setValue':
+      default:
+        await this.input.setValue(address);
+        break;
+    }
   };
 
   fillAddressWithFirstChars = async (address: string, characters: number): Promise<void> => {

packages/e2e-tests/src/elements/newTransaction/transactionNewPage.ts

@@ -8,6 +8,7 @@ import CommonDrawerElements from '../CommonDrawerElements';
 import testContext from '../../utils/testContext';
 import { generateRandomString } from '../../utils/textUtils';
 import { browser } from '@wdio/globals';
+import { pasteValueIntoInputField } from '../../utils/inputFieldUtils';
 
 class TransactionNewPage extends CommonDrawerElements {
   private CONTAINER = '//div[@class="ant-drawer-body"]';
@@ -165,7 +166,7 @@ class TransactionNewPage extends CommonDrawerElements {
 
   fillMetadata = async (characters: number) => {
     const text = await generateRandomString(characters);
-    await this.metadataInputField.setValue(text);
+    await pasteValueIntoInputField(await this.metadataInputField, text);
   };
 
   saveMetadata = async () => {

packages/e2e-tests/src/helpers/NFTPageHelper.ts

@@ -37,7 +37,7 @@ export const progressWithSendUntilPasswordPage = async (
   const receiverAddress = extensionUtils.isMainnet()
     ? String(receiverWallet.accounts[0].mainnetAddress)
     : String(receiverWallet.accounts[0].address);
-  await new AddressInput().fillAddress(receiverAddress);
+  await new AddressInput().fillAddress(receiverAddress, 'paste');
   await TransactionNewPage.coinConfigure(1).fillTokenValue(1);
   await TransactionNewPage.reviewTransactionButton.waitForClickable({ timeout: 15_000 });
   await TransactionNewPage.reviewTransactionButton.click();

packages/e2e-tests/src/pageobject/newTransactionExtendedPageObject.ts

@@ -10,7 +10,7 @@ import { scrollToTheTop } from '../utils/scrollUtils';
 
 export default new (class NewTransactionExtendedPageObject {
   async setTwoAssetsForBundle(bundleIndex: number, assetValue1: number, assetValue2: number) {
-    await new AddressInput(bundleIndex).fillAddress(byron.getAddress());
+    await new AddressInput(bundleIndex).fillAddress(byron.getAddress(), 'paste');
     await new AssetInput(bundleIndex).clickAddAssetButton();
     await TokenSelectionPage.clickOnToken(extensionUtils.isMainnet() ? Asset.HOSKY_TOKEN.name : Asset.LACE_COIN.name);
     await TransactionNewPage.coinConfigure(bundleIndex, Asset.CARDANO.ticker).fillTokenValue(assetValue1);
@@ -24,7 +24,7 @@ export default new (class NewTransactionExtendedPageObject {
     await this.setTwoAssetsForBundle(1, 2, 1);
     await TransactionNewPage.addBundleButton.waitForClickable();
     await TransactionNewPage.addBundleButton.click();
-    await new AddressInput(2).fillAddress(shelley.getAddress());
+    await new AddressInput(2).fillAddress(shelley.getAddress(), 'paste');
     await TransactionNewPage.coinConfigure(2, Asset.CARDANO.ticker).clickCoinSelectorName();
     await TokenSelectionPage.clickNFTsButton();
     await TokenSelectionPage.clickNftItemInAssetSelector(Asset.IBILECOIN.name);
@@ -43,7 +43,7 @@ export default new (class NewTransactionExtendedPageObject {
   }
 
   async setOneBundleWithMultipleAssets() {
-    await new AddressInput(1).fillAddress(shelley.getAddress());
+    await new AddressInput(1).fillAddress(shelley.getAddress(), 'paste');
     await new AssetInput(1).clickAddAssetButton();
     await TokenSelectionPage.clickOnToken(extensionUtils.isMainnet() ? Asset.HOSKY_TOKEN.name : Asset.LACE_COIN.name);
     await new AssetInput(1).clickAddAssetButton();

packages/e2e-tests/src/steps/onboardingSteps.ts

@@ -263,8 +263,9 @@ Given(
   /^I enter wallet name: "([^"]*)", password: "([^"]*)" and password confirmation: "([^"]*)"$/,
   async (walletName: string, password: string, passwordConfirmation: string) => {
     await OnboardingWalletSetupPage.setWalletNameInput(walletName);
-    await OnboardingWalletSetupPage.setWalletPasswordInput(password);
-    await OnboardingWalletSetupPage.setWalletPasswordConfirmInput(passwordConfirmation);
+    password.length > 0 && (await OnboardingWalletSetupPage.setWalletPasswordInput(password));
+    passwordConfirmation.length > 0 &&
+      (await OnboardingWalletSetupPage.setWalletPasswordConfirmInput(passwordConfirmation));
   }
 );
 

packages/e2e-tests/src/steps/sendTransactionBundleSteps.ts

@@ -25,18 +25,18 @@ When(/^I remove bundle (\d)$/, async (index: number) => {
 });
 
 When(/^I set multiple outputs for advanced transaction$/, async () => {
-  await new AddressInput(1).fillAddress(shelley.getAddress());
+  await new AddressInput(1).fillAddress(shelley.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(1, Asset.CARDANO.name).fillTokenValue(1);
   await TransactionNewPage.addBundleButton.click();
-  await new AddressInput(2).fillAddress(shelley.getAddress());
+  await new AddressInput(2).fillAddress(shelley.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(2, Asset.CARDANO.name).fillTokenValue(2);
 });
 
 When(/^I set multiple outputs for advanced transaction with less than minimum value for Byron address$/, async () => {
-  await new AddressInput(1).fillAddress(byron.getAddress());
+  await new AddressInput(1).fillAddress(byron.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(1, Asset.CARDANO.ticker).fillTokenValue(1);
   await TransactionNewPage.addBundleButton.click();
-  await new AddressInput(2).fillAddress(byron.getAddress());
+  await new AddressInput(2).fillAddress(byron.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(2, Asset.CARDANO.ticker).fillTokenValue(2);
 });
 

packages/e2e-tests/src/steps/sendTransactionSimpleSteps.ts

@@ -98,12 +98,12 @@ When(
         addr = address;
         break;
     }
-    await new AddressInput(inputIndex).fillAddress(addr);
+    await new AddressInput(inputIndex).fillAddress(addr, 'paste');
   }
 );
 
 When(/I enter "([^"]*)" in the bundle (\d+) recipient's address/, async (value: string, inputIndex: number) => {
-  await new AddressInput(inputIndex).fillAddress(value);
+  await new AddressInput(inputIndex).fillAddress(value, 'paste');
 });
 
 When(/I enter the first characters of the contacts/, async () => {
@@ -164,13 +164,13 @@ Then(
 Then(
   /I enter an address that matches the amount of characters but does not match with the checksum into address input (\d+)/,
   async (inputIndex: number) => {
-    await new AddressInput(inputIndex).fillAddress(shelleyInvalid.getAddress());
+    await new AddressInput(inputIndex).fillAddress(shelleyInvalid.getAddress(), 'paste');
   }
 );
 
 Then(/I enter more or less characters than the required for an address in the bundle recipient's address/, async () => {
   const addressInput = new AddressInput();
-  await addressInput.fillAddress(shelley.getAddress());
+  await addressInput.fillAddress(shelley.getAddress(), 'paste');
   await addressInput.addToAddress('a');
 });
 
@@ -223,7 +223,7 @@ When(
   /^I fill bundle (\d+) with "([^"]*)" (main|other multiaddress|second account) address with following assets:$/,
   async (bundleIndex, walletName, addressType: AddressType, options) => {
     const addressInput = new AddressInput(bundleIndex);
-    await addressInput.fillAddress(parseWalletAddress(walletName, addressType));
+    await addressInput.fillAddress(parseWalletAddress(walletName, addressType), 'paste');
     await addressInput.searchLoader.waitForDisplayed({ reverse: true });
     // Close address dropdown menu if exists
     if (await TransactionNewPage.addressBookSearchResultRow(1).isExisting()) {
@@ -252,13 +252,13 @@ When(
 
 When(/^I fill bundle with copied address and ([^"]*) ADA$/, async (adaValue: string) => {
   const addressInput = new AddressInput(1);
-  await addressInput.fillAddress(await clipboard.read());
+  await addressInput.fillAddress(await clipboard.read(), 'paste');
   await TransactionNewPage.coinConfigure(1, Asset.CARDANO.ticker).fillTokenValue(Number.parseFloat(adaValue));
 });
 
 When(/^I fill bundle with saved unused address and ([^"]*) ADA$/, async (adaValue: string) => {
   const addressInput = new AddressInput(1);
-  await addressInput.fillAddress(await walletAddressPage.getSavedLastAddress());
+  await addressInput.fillAddress(await walletAddressPage.getSavedLastAddress(), 'paste');
   await TransactionNewPage.coinConfigure(1, Asset.CARDANO.ticker).fillTokenValue(Number.parseFloat(adaValue));
 });
 
@@ -337,21 +337,21 @@ Then(
 );
 
 Then(/^I’ve entered accepted values for all fields of simple Tx$/, async () => {
-  await new AddressInput().fillAddress(shelley.getAddress());
+  await new AddressInput().fillAddress(shelley.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(1).fillTokenValue(1);
 });
 
 Then(
   /^I've entered accepted values for all (Preprod|Mainnet) fields of simple Tx$/,
   async (network: 'Preprod' | 'Mainnet') => {
     const address = network === 'Mainnet' ? shelley.getMainnetAddress() : shelley.getTestnetAddress();
-    await new AddressInput().fillAddress(address);
+    await new AddressInput().fillAddress(address, 'paste');
     await TransactionNewPage.coinConfigure(1).fillTokenValue(1);
   }
 );
 
 Then(/^I’ve entered accepted values for all fields of simple Tx for Byron with less than minimum value$/, async () => {
-  await new AddressInput().fillAddress(byron.getAddress());
+  await new AddressInput().fillAddress(byron.getAddress(), 'paste');
   await TransactionNewPage.coinConfigure(1).fillTokenValue(0.5);
 });
 

packages/e2e-tests/src/utils/inputFieldUtils.ts

@@ -1,13 +1,30 @@
-/* eslint-disable no-undef */
+/* global WebdriverIO */
 import { browser } from '@wdio/globals';
+import clipboard from 'clipboardy';
 
 export const clearInputFieldValue = async (element: string | WebdriverIO.Element): Promise<void> => {
-  await (typeof element !== 'string' ? element.click() : $(element).click());
-  process.platform === 'darwin' ? await browser.keys(['Command', 'a']) : await browser.keys(['Control', 'a']);
+  const resolvedElement = typeof element === 'string' ? await $(element) : element;
+  await resolvedElement.waitForClickable();
+  await resolvedElement.click();
+  const modifierKey = process.platform === 'darwin' ? 'Meta' : 'Control';
+  await browser.keys([modifierKey, 'a']);
   await browser.keys('Backspace');
 };
 
 export const setInputFieldValue = async (element: string | WebdriverIO.Element, value: string): Promise<void> => {
   await clearInputFieldValue(element);
   await (typeof element !== 'string' ? element.setValue(value) : $(element).setValue(value));
 };
+
+export const pasteValueIntoInputField = async (element: string | WebdriverIO.Element, value: string): Promise<void> => {
+  try {
+    await clipboard.write(value);
+    const resolvedElement = typeof element === 'string' ? await $(element) : element;
+    await resolvedElement.waitForClickable();
+    await resolvedElement.click();
+    const modifierKey = process.platform === 'darwin' ? 'Meta' : 'Control';
+    await browser.keys([modifierKey, 'v']);
+  } catch (error) {
+    throw new Error(`Failed to paste value into input field: ${error}`);
+  }
+};