E2e move locators 2

packages/yoroi-extension/app/components/settings/categories/general-setting/ThemeSettingsBlock.js

@@ -132,14 +132,16 @@ export default class ThemeSettingsBlock extends Component<Props> {
               value={OLD_THEME}
               control={<Radio size='small' />}
               label={intl.formatMessage(messages.currentVersion)}
+              id="switchToOldVersionButton"
               sx={{
                 marginRight: '20px'
               }}
             />
             <FormControlLabel
               value={NEW_THEME}
-              control={<Radio id="switchToRevampButton" size='small' />}
+              control={<Radio size='small' />}
               label={intl.formatMessage(messages.newVersion)}
+              id="switchToNewVersionButton"
             />
           </RadioGroup>
         </Box>

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

@@ -0,0 +1,39 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+import { By } from 'selenium-webdriver';
+
+const LANGUAGE_SELECTION_FORM = '.LanguageSelectionForm_component';
+
+// language select page
+export const languageSelectionForm: LocatorObject = {
+  locator: LANGUAGE_SELECTION_FORM,
+  method: 'css',
+};
+
+export const languageSelectionFromDropdown: LocatorObject = {
+  locator: `${LANGUAGE_SELECTION_FORM} .MuiInputBase-input`,
+  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',
+};
+export const getTosCheckbox = async (customWorld: Object): Promise<any> => {
+  const tosClassElement = await customWorld.findElement(termsOfUseComponent);
+  return await tosClassElement.findElement(By.xpath('//input[@type="checkbox"]'));
+};
+
+// uri prompt page
+export const walletAddComponent: LocatorObject = { locator: '.WalletAdd_component', method: 'css' };

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

@@ -0,0 +1,21 @@
+// @flow
+
+import type { LocatorObject } from '../support/webdriver';
+import { By } from 'selenium-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' };
+
+export const warningCheckboxElement: LocatorObject = {
+  locator: '.DangerousActionDialog_checkbox',
+  method: 'css',
+};
+
+export const getWarningCheckbox = async (customWorld: Object): Promise<webdriver$WebElement> => {
+  const warningCheckboxComponent = await customWorld.findElement(warningCheckboxElement);
+  return await warningCheckboxComponent.findElement(By.xpath('//input[@type="checkbox"]'));
+}

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,38 +3,181 @@
 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 restoreWalletButton: 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: '.WalletRestoreOptionDialog',
+  method: 'css',
+};
 export const getCurrencyButton = (currency: string): LocatorObject => {
-    return { locator: `.PickCurrencyOptionDialog_${currency}`, method: 'css' };
+  return { locator: `.PickCurrencyOptionDialog_${currency}`, method: 'css' };
 };
-// Create options dialog
-export const createOptionDialog: LocatorObject = { locator: '.WalletCreateOptionDialog', method: 'css' };
-export const createNormalWalletButton: LocatorObject = { locator: '.WalletCreateOptionDialog_createWallet', method: 'css' };
-export const createPaperWalletButton: LocatorObject = { locator: '.WalletCreateOptionDialog_restorePaperWallet', method: 'css' };
-
-// Restore options dialog
-export const restoreOptionDialog: LocatorObject = { locator: '.WalletRestoreOptionDialog', method: 'css' };
-export const normalWordWalletButton: LocatorObject = { locator: '.WalletRestoreOptionDialog_restoreNormalWallet', 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 createNormalWalletButton: LocatorObject = {
+  locator: '.WalletCreateOptionDialog_createWallet',
+  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 getAddressesAmountButton = (addressesAmount: string): LocatorObject => {
+  return { locator: `//li[contains(text(), "${addressesAmount}")]`, method: 'xpath' };
+};
+export const recoveryPhraseDeleteIcon = {
+  locator: `(//span[contains(text(), '×')])[1]`,
+  method: 'xpath',
+};
+export const recoveryPhraseError: LocatorObject = {
+  locator: '//p[starts-with(@id, "recoveryPhrase--")]',
+  method: 'xpath',
+};
+export const addressElement : LocatorObject = {
+  locator: '//span[contains(@class, "RawHash_hash")]',
+  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',
+};