E2e move locators 2

packages/yoroi-extension/features/pages/basicSetupPage.js

@@ -0,0 +1,25 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+
+// language select page
+export const languageSelectionForm: LocatorObject = {
+  locator: '.LanguageSelectionForm_component',
+  method: 'css',
+};
+export const japaneseLaguageSelection: LocatorObject = {
+  locator: '//span[contains(text(), "日本語")]',
+  method: 'xpath',
+};
+
+export const continueButton: LocatorObject = {
+  locator: '//button[text()="Continue"]',
+  method: 'xpath',
+};
+// ToS page
+export const termsOfUseComponent: LocatorObject = {
+  locator: '.TermsOfUseForm_component',
+  method: 'css',
+};
+// uri prompt page
+export const walletAddComponent: LocatorObject = { locator: '.WalletAdd_component', method: 'css' };

packages/yoroi-extension/features/pages/commonDialogPage.js

@@ -0,0 +1,10 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+
+export const primaryButton: LocatorObject = { locator: '.primary', method: 'css' };
+export const errorBlockComponent: LocatorObject = {
+  locator: '.ErrorBlock_component',
+  method: 'css',
+};
+export const dialogTitle: LocatorObject = { locator: '.dialog__title', method: 'css' };

packages/yoroi-extension/features/pages/confirmTransactionPage.js

@@ -1,5 +1,10 @@
 // @flow
 
-export const feeField = { locator: '.TransferSummaryPage_fees', method: 'css' };
-export const amountField = { locator: '.TransferSummaryPage_amount', method: 'css' };
-export const totalAmountField = { locator: '.TransferSummaryPage_totalAmount', method: 'css' };
+import type { LocatorObject } from '../support/webdriver';
+
+export const feeField: LocatorObject = { locator: '.TransferSummaryPage_fees', method: 'css' };
+export const amountField: LocatorObject = { locator: '.TransferSummaryPage_amount', method: 'css' };
+export const totalAmountField: LocatorObject = {
+  locator: '.TransferSummaryPage_totalAmount',
+  method: 'css',
+};

packages/yoroi-extension/features/pages/daedalusTransferPage.js

@@ -0,0 +1,17 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+
+export const nextButton: LocatorObject = {
+  locator: "//button[contains(@label, 'Next')]",
+  method: 'xpath',
+};
+export const backButton: LocatorObject = {
+  locator: "//button[contains(@label, 'Back')]",
+  method: 'xpath',
+};
+export const formFieldOverridesClassicError: LocatorObject = {
+  locator: '.FormFieldOverridesClassic_error',
+  method: 'css',
+};
+export const transferButton: LocatorObject = { locator: '.transferButton', method: 'css' };

packages/yoroi-extension/features/pages/errorPage.js

@@ -1,4 +1,6 @@
 // @flow
 
-export const errorPageTitle = { locator: '.ErrorPage_title', method: 'css' };
-export const errorMessage = { locator: '.ErrorPage_error', method: 'css' };
+import type { LocatorObject } from '../support/webdriver';
+
+export const errorPageTitle: LocatorObject = { locator: '.ErrorPage_title', method: 'css' };
+export const errorMessage: LocatorObject = { locator: '.ErrorPage_error', method: 'css' };

packages/yoroi-extension/features/pages/mainWindowPage.js

@@ -0,0 +1,12 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+
+export const yoroiClassic: LocatorObject = { locator: '.YoroiClassic', method: 'css' };
+export const serverErrorBanner: LocatorObject = {
+  locator: '.ServerErrorBanner_serverError',
+  method: 'css',
+};
+export const maintenanceBody: LocatorObject = { locator: '.Maintenance_body', method: 'css' };
+
+export const myWalletsPage: LocatorObject = { locator: '.MyWallets_page', method: 'css' };

packages/yoroi-extension/features/pages/newWalletPages.js

@@ -3,27 +3,170 @@
 import type { LocatorObject } from '../support/webdriver';
 
 export const connectHwButton: LocatorObject = { locator: '.WalletAdd_btnConnectHW', method: 'css' };
-export const createWalletButton: LocatorObject = { locator: '.WalletAdd_btnCreateWallet', method: 'css' };
-export const restoreWalletButton: LocatorObject = { locator: '.WalletAdd_btnRestoreWallet', method: 'css' };
+export const createWalletButton: LocatorObject = {
+  locator: '.WalletAdd_btnCreateWallet',
+  method: 'css',
+};
+export const walletAddRestoreWalletButton: LocatorObject = {
+  locator: '.WalletAdd_btnRestoreWallet',
+  method: 'css',
+};
 // Currency options dialog
-export const pickUpCurrencyDialog: LocatorObject = { locator: '.PickCurrencyOptionDialog', method: 'css' };
+export const pickUpCurrencyDialog: LocatorObject = {
+  locator: '.PickCurrencyOptionDialog',
+  method: 'css',
+};
+export const pickUpCurrencyDialogErgo: LocatorObject = {
+  locator: '.PickCurrencyOptionDialog_ergo',
+  method: 'css',
+};
+export const pickUpCurrencyDialogCardano: LocatorObject = {
+  locator: '.PickCurrencyOptionDialog_cardano',
+  method: 'css',
+};
+export const walletRestoreOptionDialog: LocatorObject = {
+  locator: '.WalletRestoreOptionDialog',
+  method: 'css',
+};
+export const restoreNormalWallet: LocatorObject = {
+  locator: '.WalletRestoreOptionDialog_restoreNormalWallet',
+  method: 'css',
+};
+export const restore24WordWallet: LocatorObject = {
+  locator: '.WalletRestoreOptionDialog_normal24WordWallet',
+  method: 'css',
+};
+export const walletRestoreDialog: LocatorObject = {
+  locator: '.WalletRestoreDialog',
+  method: 'css',
+};
 export const getCurrencyButton = (currency: string): LocatorObject => {
-    return { locator: `.PickCurrencyOptionDialog_${currency}`, method: 'css' };
+  return { locator: `.PickCurrencyOptionDialog_${currency}`, method: 'css' };
 };
 // HW options dialog
-export const hwOptionsDialog: LocatorObject = { locator: '.WalletConnectHWOptionDialog', method: 'css' };
-export const ledgerWalletButton: LocatorObject = { locator: '.WalletConnectHWOptionDialog_connectLedger', method: 'css' };
-export const trezorWalletButton: LocatorObject = { locator: '.WalletConnectHWOptionDialog_connectTrezor', method: 'css' };
+export const hwOptionsDialog: LocatorObject = {
+  locator: '.WalletConnectHWOptionDialog',
+  method: 'css',
+};
+export const ledgerWalletButton: LocatorObject = {
+  locator: '.WalletConnectHWOptionDialog_connectLedger',
+  method: 'css',
+};
+export const trezorWalletButton: LocatorObject = {
+  locator: '.WalletConnectHWOptionDialog_connectTrezor',
+  method: 'css',
+};
 // Era options dialog
 export const eraOptionsDialog: LocatorObject = { locator: '.WalletEraOptionDialog', method: 'css' };
-export const shelleyEraButton: LocatorObject = { locator: '.WalletEraOptionDialog_bgShelleyMainnet', method: 'css' };
-export const byronEraButton: LocatorObject = { locator: '.WalletEraOptionDialog_bgByronMainnet', method: 'css' };
+export const shelleyEraButton: LocatorObject = {
+  locator: '.WalletEraOptionDialog_bgShelleyMainnet',
+  method: 'css',
+};
+export const byronEraButton: LocatorObject = {
+  locator: '.WalletEraOptionDialog_bgByronMainnet',
+  method: 'css',
+};
 // Trezor connect dialog
 export const trezorConnectDialog: LocatorObject = { locator: '.CheckDialog', method: 'css' };
-export const trezorWalletName: LocatorObject = { locator: '//input[@name="walletName"]', method: 'xpath' };
+export const trezorWalletName: LocatorObject = {
+  locator: '//input[@name="walletName"]',
+  method: 'xpath',
+};
 export const trezorConfirmButton: LocatorObject = { locator: '.MuiButton-primary', method: 'css' };
+// Create wallet dialog
+export const createOptionDialog: LocatorObject = {
+  locator: '.WalletCreateOptionDialog',
+  method: 'css',
+};
+export const createPaperWalletButton: LocatorObject = {
+  locator: '.WalletCreateOptionDialog_restorePaperWallet',
+  method: 'css',
+};
+export const createWalletPasswordInput: LocatorObject = {
+  locator: '.WalletCreateDialog .walletPassword input',
+  method: 'css',
+};
+export const createWalletRepeatPasswordInput: LocatorObject = {
+  locator: '.WalletCreateDialog .repeatedPassword input',
+  method: 'css',
+};
+export const createPersonalWalletButton: LocatorObject = {
+  locator: '.WalletCreateDialog .primary',
+  method: 'css',
+};
+export const createWalletPasswordHelperText: LocatorObject = {
+  locator: '//p[starts-with(@id, "walletPassword") and contains(@id, "-helper-text")]',
+  method: 'xpath',
+};
+export const walletRecoveryPhraseMnemonicComponent: LocatorObject = {
+  locator: '.WalletRecoveryPhraseMnemonic_component',
+  method: 'css',
+};
+export const createWalletNameError: LocatorObject = {
+  locator: '.walletName .MuiFormHelperText-root',
+  method: 'css',
+};
+export const createWalletPasswordError: LocatorObject = {
+  locator: '.FormFieldOverridesClassic_error',
+  method: 'css',
+};
+export const securityWarning: LocatorObject = {
+  locator: '.MuiFormControlLabel-root',
+  method: 'css',
+};
+
+// Recovery Phrase dialog
+export const recoveryPhraseButton: LocatorObject = {
+  locator: '.WalletRecoveryPhraseDisplayDialog .primary',
+  method: 'css',
+};
+export const recoveryPhraseConfirmButton: LocatorObject = {
+  locator: '//button[text()="Confirm"]',
+  method: 'xpath',
+};
+export const clearButton: LocatorObject = {
+  locator: "//button[contains(text(), 'Clear')]",
+  method: 'xpath',
+};
+
+// Paper Wallet dialog
+export const paperWalletDialogSelect: LocatorObject = {
+  locator: '.WalletPaperDialog_component .MuiSelect-select',
+  method: 'css',
+};
+export const restorePaperWalletButton: LocatorObject = {
+  locator: '.WalletRestoreOptionDialog_restorePaperWallet',
+  method: 'css',
+};
+export const restoreDialogButton: LocatorObject = {
+  locator: '.WalletRestoreDialog .primary',
+  method: 'css',
+};
+export const recoveryPhraseDeleteIcon = {
+  locator: `(//span[contains(text(), '×')])[1]`,
+  method: 'xpath',
+};
+export const recoveryPhraseError: LocatorObject = {
+  locator: '//p[starts-with(@id, "recoveryPhrase--")]',
+  method: 'xpath',
+};
 
 // Common elements
-export const walletNameInput: LocatorObject = { locator: '//input[@name="walletName"]', method: 'xpath' };
+export const walletNameInput: LocatorObject = {
+  locator: '//input[@name="walletName"]',
+  method: 'xpath',
+};
 export const saveDialog: LocatorObject = { locator: '.SaveDialog', method: 'css' };
-export const saveButton: LocatorObject = { locator: '//button[@id="primaryButton"]', method: 'xpath' };
+export const saveButton: LocatorObject = {
+  locator: '//button[@id="primaryButton"]',
+  method: 'xpath',
+};
+export const checkDialog: LocatorObject = { locator: '.CheckDialog_component', method: 'css' };
+export const sendConfirmationDialog: LocatorObject = {
+  locator: '.HWSendConfirmationDialog_dialog',
+  method: 'css',
+};
+export const walletAlreadyExistsComponent: LocatorObject = {
+  locator: '.WalletAlreadyExistDialog_component',
+  method: 'css',
+};

packages/yoroi-extension/features/pages/restoreWalletPage.js

@@ -2,30 +2,33 @@
 
 import type { LocatorObject } from '../support/webdriver';
 
-export const errorInvalidRecoveryPhrase = {
+export const errorInvalidRecoveryPhrase: LocatorObject = {
   locator: '//p[contains(@class, "-error") and contains(@id, "recoveryPhrase")]',
-  method: 'xpath'
+  method: 'xpath',
 };
 
-export const recoveryPhraseField = {
+export const recoveryPhraseField: LocatorObject = {
   locator: '//input[starts-with(@id, "downshift-") and contains(@id, "-input")]',
-  method: 'xpath'
+  method: 'xpath',
 };
 
-export const proceedRecoveryButton = {
+export const proceedRecoveryButton: LocatorObject = {
   locator: 'primaryButton',
-  method: 'id'
+  method: 'id',
 };
 
-export const cleanRecoverInput = {
+export const cleanRecoverInput: LocatorObject = {
   locator: '.AutocompleteOverridesClassic_autocompleteWrapper input',
-  method: 'css'
+  method: 'css',
 };
 
 export const getWords = (word: string): LocatorObject => {
-  return { locator: `//span[contains(text(), '${word}')]`, method: 'xpath' }
+  return { locator: `//span[contains(text(), '${word}')]`, method: 'xpath' };
 };
 
-export const walletPasswordInput = { locator: "input[name='walletPassword']", method: 'css' };
-export const repeatPasswordInput = { locator: "input[name='repeatPassword']", method: 'css' };
-export const paperPasswordInput = { locator: "input[name='paperPassword']", method: 'css' };
+export const walletNameInput: LocatorObject = { locator: "input[name='walletName']", method: 'css' };
+export const restoreWalletButton: LocatorObject = { locator: '.WalletRestoreDialog .primary', method: 'css' };
+export const walletPasswordInput: LocatorObject = { locator: "input[name='walletPassword']", method: 'css' };
+export const repeatPasswordInput: LocatorObject = { locator: "input[name='repeatPassword']", method: 'css' };
+export const paperPasswordInput: LocatorObject = { locator: "input[name='paperPassword']", method: 'css' };
+export const confirmButton: LocatorObject = { locator: '.confirmButton', method: 'css' };