TheDude
/
ciphermask
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Wait until element is clickable before clicking in e2e tests (#7823)

Browse Source 
* Wait until element is clickable before clicking in e2e tests

A new `findClickableElement` has been added to the webdriver to allow
finding an element and blocking until it's both visible and enabled.
This is now used by the pre-existing `clickElement` method as well.

All cases where something is clicked in the e2e tests have been
updated to use one of these methods, to ensure we don't run into
intermittent failures when loading screens take longer than usual.
feature/default_network_editable
Mark Stacey 5 years ago committed by GitHub
parent c53a40c45f
commit be08cfec0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 347 additions and 646 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 69
      test/e2e/address-book.spec.js
  2. 40
      test/e2e/ethereum-on.spec.js
  3. 107
      test/e2e/from-import-ui.spec.js
  4. 46
      test/e2e/incremental-security.spec.js
  5. 65
      test/e2e/metamask-responsive-ui.spec.js
  6. 405
      test/e2e/metamask-ui.spec.js
  7. 50
      test/e2e/permissions.spec.js
  8. 45
      test/e2e/send-edit.spec.js
  9. 21
      test/e2e/signature-request.spec.js
  10. 76
      test/e2e/threebox.spec.js
  11. 40
      test/e2e/web3.spec.js
  12. 29
      test/e2e/webdriver/driver.js

69
test/e2e/address-book.spec.js
Unescape View File

@ -55,35 +55,29 @@ describe('MetaMask', function () {
describe('Going through the first time flow', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Create New Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
it('accepts a secure password', async () => {
const passwordBox = await driver.findElement(By.css('.first-time-flow__form #create-password'))
const passwordBoxConfirm = await driver.findElement(By.css('.first-time-flow__form #confirm-password'))
const button = await driver.findElement(By.css('.first-time-flow__form button'))
await passwordBox.sendKeys('correct horse battery staple')
await passwordBoxConfirm.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await button.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
await driver.clickElement(By.css('.first-time-flow__form button'))
await driver.delay(regularDelayMs)
})
@ -91,8 +85,7 @@ describe('MetaMask', function () {
it('reveals the seed phrase', async () => {
const byRevealButton = By.css('.reveal-seed-phrase__secret-blocker .reveal-seed-phrase__reveal-button')
const revealSeedPhraseButton = await driver.findElement(byRevealButton, 10000)
await revealSeedPhraseButton.click()
await driver.clickElement(byRevealButton)
await driver.delay(regularDelayMs)
const revealedSeedPhrase = await driver.findElement(By.css('.reveal-seed-phrase__secret-words'))
@ -100,16 +93,13 @@ describe('MetaMask', function () {
assert.equal(seedPhrase.split(' ').length, 12)
await driver.delay(regularDelayMs)
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await driver.delay(regularDelayMs)
})
async function clickWordAndWait (word) {
const xpath = `//div[contains(@class, 'confirm-seed-phrase__seed-word--shuffled') and not(contains(@class, 'confirm-seed-phrase__seed-word--selected')) and contains(text(), '${word}')]`
const word0 = await driver.findElement(By.xpath(xpath))
await word0.click()
await driver.clickElement(By.xpath(xpath))
await driver.delay(tinyDelayMs)
}
@ -120,33 +110,30 @@ describe('MetaMask', function () {
await clickWordAndWait(word)
}
const confirm = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirm.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
})
describe('Import seed phrase', () => {
it('logs out of the vault', async () => {
const accountMenu = await driver.findElement(By.css('.account-menu__icon'))
await accountMenu.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const logoutButton = await driver.findElement(By.css('.account-menu__logout-button'))
const logoutButton = await driver.findClickableElement(By.css('.account-menu__logout-button'))
assert.equal(await logoutButton.getText(), 'Log out')
await logoutButton.click()
await driver.delay(regularDelayMs)
})
it('imports seed phrase', async () => {
const restoreSeedLink = await driver.findElement(By.css('.unlock-page__link--import'))
const restoreSeedLink = await driver.findClickableElement(By.css('.unlock-page__link--import'))
assert.equal(await restoreSeedLink.getText(), 'Import using account seed phrase')
await restoreSeedLink.click()
await driver.delay(regularDelayMs)
@ -160,8 +147,7 @@ describe('MetaMask', function () {
await passwordInputs[0].sendKeys('correct horse battery staple')
await passwordInputs[1].sendKeys('correct horse battery staple')
const restoreButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.restore.message}')]`))
await restoreButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.restore.message}')]`))
await driver.delay(regularDelayMs)
})
@ -174,24 +160,21 @@ describe('MetaMask', function () {
describe('Adds an entry to the address book and sends eth to that address', () => {
it('starts a send transaction', async function () {
const sendButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Send')]`))
await sendButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
await driver.delay(regularDelayMs)
const inputAddress = await driver.findElement(By.css('input[placeholder="Search, public address (0x), or ENS"]'))
await inputAddress.sendKeys('0x2f318C334780961FB129D2a6c30D0763d9a5C970')
await driver.delay(regularDelayMs)
const addToAddressBookButton = await driver.findElement(By.css('.dialog.send__dialog.dialog--message'))
await addToAddressBookButton.click()
await driver.clickElement(By.css('.dialog.send__dialog.dialog--message'))
const addressBookAddModal = await driver.findElement(By.css('span .modal'))
await driver.findElement(By.css('.add-to-address-book-modal'))
const addressBookInput = await driver.findElement(By.css('.add-to-address-book-modal__input'))
await addressBookInput.sendKeys('Test Name 1')
await driver.delay(tinyDelayMs)
const addressBookSaveButton = await driver.findElement(By.css('.add-to-address-book-modal__footer .btn-primary'))
await addressBookSaveButton.click()
await driver.clickElement(By.css('.add-to-address-book-modal__footer .btn-primary'))
await driver.wait(until.stalenessOf(addressBookAddModal))
@ -203,14 +186,12 @@ describe('MetaMask', function () {
await driver.delay(regularDelayMs)
// Continue to next screen
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
it('confirms the transaction', async function () {
const confirmButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirmButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(largeDelayMs * 2)
})
@ -227,16 +208,14 @@ describe('MetaMask', function () {
describe('Sends to an address book entry', () => {
it('starts a send transaction by clicking address book entry', async function () {
const sendButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Send')]`))
await sendButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
await driver.delay(regularDelayMs)
const recipientRow = await driver.findElement(By.css('.send__select-recipient-wrapper__group-item'))
const recipientRowTitle = await driver.findElement(By.css('.send__select-recipient-wrapper__group-item__title'))
const recipientRowTitleString = await recipientRowTitle.getText()
assert.equal(recipientRowTitleString, 'Test Name 1')
await recipientRow.click()
await driver.clickElement(By.css('.send__select-recipient-wrapper__group-item'))
await driver.delay(regularDelayMs)
const inputAmount = await driver.findElement(By.css('.unit-input__input'))
@ -244,14 +223,12 @@ describe('MetaMask', function () {
await driver.delay(regularDelayMs)
// Continue to next screen
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
it('confirms the transaction', async function () {
const confirmButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirmButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(largeDelayMs * 2)
})

40
test/e2e/ethereum-on.spec.js
Unescape View File

@ -54,45 +54,37 @@ describe('MetaMask', function () {
describe('Going through the first time flow, but skipping the seed phrase challenge', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Create New Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
it('accepts a secure password', async () => {
const passwordBox = await driver.findElement(By.css('.first-time-flow__form #create-password'))
const passwordBoxConfirm = await driver.findElement(By.css('.first-time-flow__form #confirm-password'))
const button = await driver.findElement(By.css('.first-time-flow__form button'))
await passwordBox.sendKeys('correct horse battery staple')
await passwordBoxConfirm.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await button.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
await driver.clickElement(By.css('.first-time-flow__form button'))
await driver.delay(largeDelayMs)
})
it('skips the seed phrase challenge', async () => {
const button = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await button.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await driver.delay(regularDelayMs)
const detailsButton = await driver.findElement(By.css('.account-details__details-button'))
await detailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.delay(regularDelayMs)
})
@ -101,8 +93,7 @@ describe('MetaMask', function () {
publicAddress = await addressInput.getAttribute('value')
const accountModal = await driver.findElement(By.css('span .modal'))
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.wait(until.stalenessOf(accountModal))
await driver.delay(regularDelayMs)
@ -119,8 +110,7 @@ describe('MetaMask', function () {
await driver.openNewPage('http://127.0.0.1:8080/')
await driver.delay(regularDelayMs)
const connectButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await connectButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.delay(regularDelayMs)
@ -135,11 +125,9 @@ describe('MetaMask', function () {
await driver.delay(regularDelayMs)
const accountButton = await driver.findElement(By.css('.permissions-connect-choose-account__account'))
await accountButton.click()
await driver.clickElement(By.css('.permissions-connect-choose-account__account'))
const submitButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await submitButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await driver.waitUntilXWindowHandles(2)
await driver.switchToWindow(dapp)
@ -155,12 +143,10 @@ describe('MetaMask', function () {
it('changes the network', async () => {
await driver.switchToWindow(extension)
const networkDropdown = await driver.findElement(By.css('.network-name'))
await networkDropdown.click()
await driver.clickElement(By.css('.network-name'))
await driver.delay(regularDelayMs)
const ropstenButton = await driver.findElement(By.xpath(`//span[contains(text(), 'Ropsten')]`))
await ropstenButton.click()
await driver.clickElement(By.xpath(`//span[contains(text(), 'Ropsten')]`))
await driver.delay(largeDelayMs)
})

107
test/e2e/from-import-ui.spec.js
Unescape View File

@ -59,20 +59,17 @@ describe('Using MetaMask with an existing account', function () {
describe('First time flow starting from an existing seed phrase', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Import Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
@ -86,46 +83,39 @@ describe('Using MetaMask with an existing account', function () {
const [confirmPassword] = await driver.findElements(By.id('confirm-password'))
confirmPassword.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
const [importButton] = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
})
describe('Show account information', () => {
it('shows the correct account address', async () => {
const accountDetailsButton = await driver.findElement(By.css('.account-details__details-button'))
await accountDetailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.findVisibleElement(By.css('.qr-wrapper'))
await driver.delay(regularDelayMs)
const [address] = await driver.findElements(By.css('input.qr-ellip-address'))
assert.equal(await address.getAttribute('value'), testAddress)
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.delay(largeDelayMs)
})
it('shows a QR code for the account', async () => {
const accountDetailsButton = await driver.findElement(By.css('.account-details__details-button'))
await accountDetailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.findVisibleElement(By.css('.qr-wrapper'))
const detailModal = await driver.findElement(By.css('span .modal'))
await driver.delay(regularDelayMs)
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.wait(until.stalenessOf(detailModal))
await driver.delay(regularDelayMs)
})
@ -133,11 +123,10 @@ describe('Using MetaMask with an existing account', function () {
describe('Log out and log back in', () => {
it('logs out of the account', async () => {
const accountIdenticon = await driver.findElement(By.css('.account-menu__icon .identicon'))
await accountIdenticon.click()
await driver.clickElement(By.css('.account-menu__icon .identicon'))
await driver.delay(regularDelayMs)
const [logoutButton] = await driver.findElements(By.css('.account-menu__logout-button'))
const logoutButton = await driver.findClickableElement(By.css('.account-menu__logout-button'))
assert.equal(await logoutButton.getText(), 'Log out')
await logoutButton.click()
await driver.delay(regularDelayMs)
@ -153,22 +142,18 @@ describe('Using MetaMask with an existing account', function () {
describe('Add an account', () => {
it('switches to localhost', async () => {
const networkDropdown = await driver.findElement(By.css('.network-name'))
await networkDropdown.click()
await driver.clickElement(By.css('.network-name'))
await driver.delay(regularDelayMs)
const [localhost] = await driver.findElements(By.xpath(`//span[contains(text(), 'Localhost')]`))
await localhost.click()
await driver.clickElement(By.xpath(`//span[contains(text(), 'Localhost')]`))
await driver.delay(largeDelayMs)
})
it('choose Create Account from the account menu', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const [createAccount] = await driver.findElements(By.xpath(`//div[contains(text(), 'Create Account')]`))
await createAccount.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Create Account')]`))
await driver.delay(regularDelayMs)
})
@ -177,8 +162,7 @@ describe('Using MetaMask with an existing account', function () {
await accountName.sendKeys('2nd account')
await driver.delay(regularDelayMs)
const [createButton] = await driver.findElements(By.xpath(`//button[contains(text(), 'Create')]`))
await createButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create')]`))
await driver.delay(regularDelayMs)
})
@ -191,20 +175,17 @@ describe('Using MetaMask with an existing account', function () {
describe('Switch back to original account', () => {
it('chooses the original account from the account menu', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const [originalAccountMenuItem] = await driver.findElements(By.css('.account-menu__name'))
await originalAccountMenuItem.click()
await driver.clickElement(By.css('.account-menu__name'))
await driver.delay(regularDelayMs)
})
})
describe('Send ETH from inside MetaMask', () => {
it('starts a send transaction', async function () {
const sendButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Send')]`))
await sendButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
await driver.delay(regularDelayMs)
const inputAddress = await driver.findElement(By.css('input[placeholder="Search, public address (0x), or ENS"]'))
@ -214,25 +195,21 @@ describe('Using MetaMask with an existing account', function () {
await inputAmount.sendKeys('1')
// Set the gas limit
const configureGas = await driver.findElement(By.css('.advanced-gas-options-btn'))
await configureGas.click()
await driver.clickElement(By.css('.advanced-gas-options-btn'))
await driver.delay(regularDelayMs)
const gasModal = await driver.findElement(By.css('span .modal'))
const save = await driver.findElement(By.xpath(`//button[contains(text(), 'Save')]`))
await save.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Save')]`))
await driver.wait(until.stalenessOf(gasModal))
await driver.delay(regularDelayMs)
// Continue to next screen
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
it('confirms the transaction', async function () {
const confirmButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirmButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(regularDelayMs)
})
@ -250,12 +227,10 @@ describe('Using MetaMask with an existing account', function () {
describe('Imports an account with private key', () => {
it('choose Create Account from the account menu', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const [importAccount] = await driver.findElements(By.xpath(`//div[contains(text(), 'Import Account')]`))
await importAccount.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Import Account')]`))
await driver.delay(regularDelayMs)
})
@ -263,8 +238,7 @@ describe('Using MetaMask with an existing account', function () {
const privateKeyInput = await driver.findElement(By.css('#private-key-box'))
await privateKeyInput.sendKeys(testPrivateKey2)
await driver.delay(regularDelayMs)
const importButtons = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButtons[0].click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
@ -283,12 +257,10 @@ describe('Using MetaMask with an existing account', function () {
describe('Imports and removes an account', () => {
it('choose Create Account from the account menu', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const [importAccount] = await driver.findElements(By.xpath(`//div[contains(text(), 'Import Account')]`))
await importAccount.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Import Account')]`))
await driver.delay(regularDelayMs)
})
@ -296,8 +268,7 @@ describe('Using MetaMask with an existing account', function () {
const privateKeyInput = await driver.findElement(By.css('#private-key-box'))
await privateKeyInput.sendKeys(testPrivateKey3)
await driver.delay(regularDelayMs)
const importButtons = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButtons[0].click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
@ -306,23 +277,20 @@ describe('Using MetaMask with an existing account', function () {
assert.equal(await accountName.getText(), 'Account 5')
await driver.delay(regularDelayMs)
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const accountListItems = await driver.findElements(By.css('.account-menu__account'))
assert.equal(accountListItems.length, 5)
const removeAccountIcons = await driver.findElements(By.css('.remove-account-icon'))
await removeAccountIcons[1].click()
await driver.clickElement(By.css('.account-menu__account:last-of-type > .remove-account-icon'))
await driver.delay(tinyDelayMs)
await driver.findElement(By.css('.confirm-remove-account__account'))
})
it('should remove the account', async () => {
const removeButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Remove')]`))
await removeButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Remove')]`))
await driver.delay(regularDelayMs)
@ -337,17 +305,14 @@ describe('Using MetaMask with an existing account', function () {
describe('Connects to a Hardware wallet', () => {
it('choose Connect Hardware Wallet from the account menu', async () => {
const [connectAccount] = await driver.findElements(By.xpath(`//div[contains(text(), 'Connect Hardware Wallet')]`))
await connectAccount.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Connect Hardware Wallet')]`))
await driver.delay(regularDelayMs)
})
it('should open the TREZOR Connect popup', async () => {
const trezorButton = await driver.findElements(By.css('.hw-connect__btn'))
await trezorButton[1].click()
await driver.clickElement(By.css('.hw-connect__btn:nth-of-type(2)'))
await driver.delay(regularDelayMs)
const connectButtons = await driver.findElements(By.xpath(`//button[contains(text(), 'Connect')]`))
await connectButtons[0].click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.delay(regularDelayMs)
const allWindows = await driver.getAllWindowHandles()
assert.equal(allWindows.length, 2)

46
test/e2e/incremental-security.spec.js
Unescape View File

@ -59,45 +59,38 @@ describe('MetaMask', function () {
describe('Going through the first time flow, but skipping the seed phrase challenge', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Create New Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
it('accepts a secure password', async () => {
const passwordBox = await driver.findElement(By.css('.first-time-flow__form #create-password'))
const passwordBoxConfirm = await driver.findElement(By.css('.first-time-flow__form #confirm-password'))
const button = await driver.findElement(By.css('.first-time-flow__form button'))
await passwordBox.sendKeys('correct horse battery staple')
await passwordBoxConfirm.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
await button.click()
await driver.clickElement(By.css('.first-time-flow__form button'))
await driver.delay(regularDelayMs)
})
it('skips the seed phrase challenge', async () => {
const button = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await button.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await driver.delay(regularDelayMs)
const detailsButton = await driver.findElement(By.css('.account-details__details-button'))
await detailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.delay(regularDelayMs)
})
@ -107,8 +100,7 @@ describe('MetaMask', function () {
const accountModal = await driver.findElement(By.css('span .modal'))
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.wait(until.stalenessOf(accountModal))
await driver.delay(regularDelayMs)
@ -132,8 +124,7 @@ describe('MetaMask', function () {
await addressInput.sendKeys(publicAddress)
await driver.delay(regularDelayMs)
const sendButton = await driver.findElement(By.css('#send'))
await sendButton.click()
await driver.clickElement(By.css('#send'))
const txStatus = await driver.findElement(By.css('#success'))
await driver.wait(until.elementTextMatches(txStatus, /Success/), 15000)
@ -159,8 +150,7 @@ describe('MetaMask', function () {
})
it('should take the user to the seedphrase backup screen', async () => {
const backupButton = await driver.findElement(By.css('.home-notification__accept-button'))
await backupButton.click()
await driver.clickElement(By.css('.home-notification__accept-button'))
await driver.delay(regularDelayMs)
})
@ -168,8 +158,7 @@ describe('MetaMask', function () {
it('reveals the seed phrase', async () => {
const byRevealButton = By.css('.reveal-seed-phrase__secret-blocker .reveal-seed-phrase__reveal-button')
const revealSeedPhraseButton = await driver.findElement(byRevealButton)
await revealSeedPhraseButton.click()
await driver.clickElement(byRevealButton)
await driver.delay(regularDelayMs)
const revealedSeedPhrase = await driver.findElement(By.css('.reveal-seed-phrase__secret-words'))
@ -177,16 +166,13 @@ describe('MetaMask', function () {
assert.equal(seedPhrase.split(' ').length, 12)
await driver.delay(regularDelayMs)
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await driver.delay(regularDelayMs)
})
async function clickWordAndWait (word) {
const xpath = `//div[contains(@class, 'confirm-seed-phrase__seed-word--shuffled') and not(contains(@class, 'confirm-seed-phrase__seed-word--selected')) and contains(text(), '${word}')]`
const word0 = await driver.findElement(By.xpath(xpath))
await word0.click()
await driver.clickElement(By.xpath(xpath))
await driver.delay(tinyDelayMs)
}
@ -197,14 +183,12 @@ describe('MetaMask', function () {
await clickWordAndWait(word)
}
const confirm = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirm.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(regularDelayMs)
})
it('can click through the success screen', async () => {
const confirm = await driver.findElement(By.xpath(`//button[contains(text(), 'All Done')]`))
await confirm.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'All Done')]`))
await driver.delay(regularDelayMs)
})

65
test/e2e/metamask-responsive-ui.spec.js
Unescape View File

@ -49,35 +49,30 @@ describe('MetaMask', function () {
describe('Going through the first time flow', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Create New Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "I agree" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-primary'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-primary'))
await driver.delay(largeDelayMs)
})
it('accepts a secure password', async () => {
const passwordBox = await driver.findElement(By.css('.first-time-flow__form #create-password'))
const passwordBoxConfirm = await driver.findElement(By.css('.first-time-flow__form #confirm-password'))
const button = await driver.findElement(By.css('.first-time-flow__form button'))
await passwordBox.sendKeys('correct horse battery staple')
await passwordBoxConfirm.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
await button.click()
await driver.clickElement(By.css('.first-time-flow__form button'))
await driver.delay(regularDelayMs)
})
@ -85,8 +80,7 @@ describe('MetaMask', function () {
it('reveals the seed phrase', async () => {
const byRevealButton = By.css('.reveal-seed-phrase__secret-blocker .reveal-seed-phrase__reveal-button')
const revealSeedPhraseButton = await driver.findElement(byRevealButton)
await revealSeedPhraseButton.click()
await driver.clickElement(byRevealButton)
await driver.delay(regularDelayMs)
const revealedSeedPhrase = await driver.findElement(By.css('.reveal-seed-phrase__secret-words'))
@ -94,16 +88,13 @@ describe('MetaMask', function () {
assert.equal(seedPhrase.split(' ').length, 12)
await driver.delay(regularDelayMs)
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
await driver.delay(regularDelayMs)
})
async function clickWordAndWait (word) {
const xpath = `//div[contains(@class, 'confirm-seed-phrase__seed-word--shuffled') and not(contains(@class, 'confirm-seed-phrase__seed-word--selected')) and contains(text(), '${word}')]`
const word0 = await driver.findElement(By.xpath(xpath))
await word0.click()
await driver.clickElement(By.xpath(xpath))
await driver.delay(tinyDelayMs)
}
@ -114,23 +105,20 @@ describe('MetaMask', function () {
await clickWordAndWait(word)
}
const confirm = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirm.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
})
describe('Show account information', () => {
it('show account details dropdown menu', async () => {
const openInBrowser = await driver.findElement(By.css('div.menu-bar__open-in-browser'))
await openInBrowser.click()
await driver.clickElement(By.css('div.menu-bar__open-in-browser'))
const options = await driver.findElements(By.css('div.menu.account-details-dropdown div.menu__item'))
assert.equal(options.length, 4) // HD Wallet type does not have to show the Remove Account option
await driver.delay(regularDelayMs)
@ -139,18 +127,17 @@ describe('MetaMask', function () {
describe('Import seed phrase', () => {
it('logs out of the vault', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const logoutButton = await driver.findElement(By.css('.account-menu__logout-button'))
const logoutButton = await driver.findClickableElement(By.css('.account-menu__logout-button'))
assert.equal(await logoutButton.getText(), 'Log out')
await logoutButton.click()
await driver.delay(regularDelayMs)
})
it('imports seed phrase', async () => {
const restoreSeedLink = await driver.findElement(By.css('.unlock-page__link--import'))
const restoreSeedLink = await driver.findClickableElement(By.css('.unlock-page__link--import'))
assert.equal(await restoreSeedLink.getText(), 'Import using account seed phrase')
await restoreSeedLink.click()
await driver.delay(regularDelayMs)
@ -164,18 +151,15 @@ describe('MetaMask', function () {
await passwordInputs[0].sendKeys('correct horse battery staple')
await passwordInputs[1].sendKeys('correct horse battery staple')
const restoreButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.restore.message}')]`))
await restoreButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.restore.message}')]`))
await driver.delay(regularDelayMs)
})
it('switches to localhost', async () => {
const networkDropdown = await driver.findElement(By.css('.network-name'))
await networkDropdown.click()
await driver.clickElement(By.css('.network-name'))
await driver.delay(regularDelayMs)
const [localhost] = await driver.findElements(By.xpath(`//span[contains(text(), 'Localhost')]`))
await localhost.click()
await driver.clickElement(By.xpath(`//span[contains(text(), 'Localhost')]`))
await driver.delay(largeDelayMs * 2)
})
@ -188,8 +172,7 @@ describe('MetaMask', function () {
describe('Send ETH from inside MetaMask', () => {
it('starts to send a transaction', async function () {
const sendButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Send')]`))
await sendButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
await driver.delay(regularDelayMs)
const inputAddress = await driver.findElement(By.css('input[placeholder="Search, public address (0x), or ENS"]'))
@ -205,28 +188,24 @@ describe('MetaMask', function () {
it('opens and closes the gas modal', async function () {
// Set the gas limit
const configureGas = await driver.findElement(By.css('.advanced-gas-options-btn'))
await configureGas.click()
await driver.clickElement(By.css('.advanced-gas-options-btn'))
await driver.delay(regularDelayMs)
const gasModal = await driver.findElement(By.css('span .modal'))
const save = await driver.findElement(By.css('.page-container__header-close-text'))
await save.click()
await driver.clickElement(By.css('.page-container__header-close-text'))
await driver.wait(until.stalenessOf(gasModal), 10000)
await driver.delay(regularDelayMs)
})
it('clicks through to the confirm screen', async function () {
// Continue to next screen
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
it('confirms the transaction', async function () {
const confirmButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirmButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(largeDelayMs)
})

405
test/e2e/metamask-ui.spec.js
View File

File diff suppressed because it is too large Load Diff

50
test/e2e/permissions.spec.js
Unescape View File

@ -54,45 +54,38 @@ describe('MetaMask', function () {
describe('Going through the first time flow, but skipping the seed phrase challenge', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Create New Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Create a Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
it('accepts a secure password', async () => {
const passwordBox = await driver.findElement(By.css('.first-time-flow__form #create-password'))
const passwordBoxConfirm = await driver.findElement(By.css('.first-time-flow__form #confirm-password'))
const button = await driver.findElement(By.css('.first-time-flow__form button'))
await passwordBox.sendKeys('correct horse battery staple')
await passwordBoxConfirm.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
await button.click()
await driver.clickElement(By.css('.first-time-flow__form button'))
await driver.delay(largeDelayMs)
})
it('skips the seed phrase challenge', async () => {
const button = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await button.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`))
await driver.delay(regularDelayMs)
const detailsButton = await driver.findElement(By.css('.account-details__details-button'))
await detailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.delay(regularDelayMs)
})
@ -101,8 +94,7 @@ describe('MetaMask', function () {
publicAddress = await addressInput.getAttribute('value')
const accountModal = await driver.findElement(By.css('span .modal'))
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.wait(until.stalenessOf(accountModal))
await driver.delay(regularDelayMs)
@ -118,8 +110,7 @@ describe('MetaMask', function () {
await driver.openNewPage('http://127.0.0.1:8080/')
await driver.delay(regularDelayMs)
const connectButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await connectButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.waitUntilXWindowHandles(3)
const windowHandles = await driver.getAllWindowHandles()
@ -132,11 +123,9 @@ describe('MetaMask', function () {
await driver.delay(regularDelayMs)
const accountButton = await driver.findElement(By.css('.permissions-connect-choose-account__account'))
await accountButton.click()
await driver.clickElement(By.css('.permissions-connect-choose-account__account'))
const submitButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await submitButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await driver.waitUntilXWindowHandles(2)
await driver.switchToWindow(extension)
@ -144,12 +133,11 @@ describe('MetaMask', function () {
})
it('shows connected sites', async () => {
const connectedSites = await driver.findElement(By.xpath(`//button[contains(text(), 'Connected Sites')]`))
await connectedSites.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connected Sites')]`))
await driver.findElement(By.css('.connected-sites__title'))
const domains = await driver.findElements(By.css('.connected-sites-list__domain'))
const domains = await driver.findClickableElements(By.css('.connected-sites-list__domain'))
assert.equal(domains.length, 1)
const domainName = await driver.findElement(By.css('.connected-sites-list__domain-name'))
@ -165,8 +153,7 @@ describe('MetaMask', function () {
await driver.switchToWindow(dapp)
await driver.delay(regularDelayMs)
const getAccountsButton = await driver.findElement(By.xpath(`//button[contains(text(), 'eth_accounts')]`))
await getAccountsButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'eth_accounts')]`))
const getAccountsResult = await driver.findElement(By.css('#getAccountsResult'))
assert.equal((await getAccountsResult.getText()).toLowerCase(), publicAddress.toLowerCase())
@ -175,13 +162,11 @@ describe('MetaMask', function () {
it('can disconnect all accounts', async () => {
await driver.switchToWindow(extension)
const disconnectAllButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Disconnect All')]`))
await disconnectAllButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Disconnect All')]`))
const disconnectModal = await driver.findElement(By.css('span .modal'))
const disconnectAllModalButton = await driver.findElement(By.css('.disconnect-all-modal .btn-danger'))
await disconnectAllModalButton.click()
await driver.clickElement(By.css('.disconnect-all-modal .btn-danger'))
await driver.wait(until.stalenessOf(disconnectModal))
await driver.delay(regularDelayMs)
@ -191,8 +176,7 @@ describe('MetaMask', function () {
await driver.switchToWindow(dapp)
await driver.delay(regularDelayMs)
const getAccountsButton = await driver.findElement(By.xpath(`//button[contains(text(), 'eth_accounts')]`))
await getAccountsButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'eth_accounts')]`))
const getAccountsResult = await driver.findElement(By.css('#getAccountsResult'))
assert.equal(await getAccountsResult.getText(), 'Not able to get accounts')

45
test/e2e/send-edit.spec.js
Unescape View File

@ -56,20 +56,17 @@ describe('Using MetaMask with an existing account', function () {
describe('First time flow starting from an existing seed phrase', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Import Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
@ -83,26 +80,22 @@ describe('Using MetaMask with an existing account', function () {
const [confirmPassword] = await driver.findElements(By.id('confirm-password'))
confirmPassword.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
const [importButton] = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
})
describe('Send ETH from inside MetaMask', () => {
it('starts a send transaction', async function () {
const sendButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Send')]`))
await sendButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
await driver.delay(regularDelayMs)
const inputAddress = await driver.findElement(By.css('input[placeholder="Search, public address (0x), or ENS"]'))
@ -112,8 +105,7 @@ describe('Using MetaMask with an existing account', function () {
await inputAmount.sendKeys('1')
// Set the gas limit
const configureGas = await driver.findElement(By.css('.advanced-gas-options-btn'))
await configureGas.click()
await driver.clickElement(By.css('.advanced-gas-options-btn'))
await driver.delay(regularDelayMs)
const gasModal = await driver.findElement(By.css('span .modal'))
@ -138,14 +130,12 @@ describe('Using MetaMask with an existing account', function () {
await driver.delay(1000)
const save = await driver.findElement(By.xpath(`//button[contains(text(), 'Save')]`))
await save.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Save')]`))
await driver.wait(until.stalenessOf(gasModal))
await driver.delay(regularDelayMs)
// Continue to next screen
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
@ -159,8 +149,7 @@ describe('Using MetaMask with an existing account', function () {
})
it('edits the transaction', async function () {
const editButton = await driver.findElement(By.css('.confirm-page-container-header__back-button'))
await editButton.click()
await driver.clickElement(By.css('.confirm-page-container-header__back-button'))
await driver.delay(regularDelayMs)
@ -171,8 +160,7 @@ describe('Using MetaMask with an existing account', function () {
await driver.delay(50)
await inputAmount.sendKeys('2.2')
const configureGas = await driver.findElement(By.css('.advanced-gas-options-btn'))
await configureGas.click()
await driver.clickElement(By.css('.advanced-gas-options-btn'))
await driver.delay(regularDelayMs)
const gasModal = await driver.findElement(By.css('span .modal'))
@ -196,13 +184,11 @@ describe('Using MetaMask with an existing account', function () {
await driver.delay(1000)
const save = await driver.findElement(By.xpath(`//button[contains(text(), 'Save')]`))
await save.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Save')]`))
await driver.wait(until.stalenessOf(gasModal))
await driver.delay(regularDelayMs)
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
await nextScreen.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
await driver.delay(regularDelayMs)
})
@ -216,8 +202,7 @@ describe('Using MetaMask with an existing account', function () {
})
it('confirms the transaction', async function () {
const confirmButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await confirmButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
await driver.delay(regularDelayMs)
})

21
test/e2e/signature-request.spec.js
Unescape View File

@ -69,8 +69,7 @@ describe('MetaMask', function () {
await driver.openNewPage('http://127.0.0.1:8080/')
await driver.delay(regularDelayMs)
const connectButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await connectButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.delay(regularDelayMs)
@ -85,19 +84,16 @@ describe('MetaMask', function () {
await driver.delay(regularDelayMs)
const accountButton = await driver.findElement(By.css('.permissions-connect-choose-account__account'))
await accountButton.click()
await driver.clickElement(By.css('.permissions-connect-choose-account__account'))
const submitButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await submitButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Submit')]`))
await driver.waitUntilXWindowHandles(2)
await driver.switchToWindow(dapp)
})
it('creates a sign typed data signature request', async () => {
const signTypedMessage = await driver.findElement(By.xpath(`//button[contains(text(), 'Sign')]`), 10000)
await signTypedMessage.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Sign')]`), 10000)
await driver.delay(largeDelayMs)
await driver.delay(regularDelayMs)
@ -117,8 +113,7 @@ describe('MetaMask', function () {
})
it('signs the transaction', async () => {
const signButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Sign')]`), 10000)
await signButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Sign')]`), 10000)
await driver.delay(regularDelayMs)
extension = windowHandles[0]
@ -126,16 +121,14 @@ describe('MetaMask', function () {
})
it('gets the current accounts address', async () => {
const detailsButton = await driver.findElement(By.css('.account-details__details-button'))
await detailsButton.click()
await driver.clickElement(By.css('.account-details__details-button'))
await driver.delay(regularDelayMs)
const addressInput = await driver.findElement(By.css('.qr-ellip-address'))
const newPublicAddress = await addressInput.getAttribute('value')
const accountModal = await driver.findElement(By.css('span .modal'))
const accountModalClose = await driver.findElement(By.css('.account-modal-close'))
await accountModalClose.click()
await driver.clickElement(By.css('.account-modal-close'))
await driver.wait(until.stalenessOf(accountModal))
await driver.delay(regularDelayMs)

76
test/e2e/threebox.spec.js
Unescape View File

@ -59,20 +59,17 @@ describe('MetaMask', function () {
describe('First time flow starting from an existing seed phrase', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Import Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
@ -86,18 +83,15 @@ describe('MetaMask', function () {
const [confirmPassword] = await driver.findElements(By.id('confirm-password'))
confirmPassword.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
const [importButton] = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
@ -110,41 +104,32 @@ describe('MetaMask', function () {
describe('turns on threebox syncing', () => {
it('goes to the settings screen', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const settingsButton = await driver.findElement(By.xpath(`//div[contains(text(), 'Settings')]`))
await settingsButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Settings')]`))
})
it('turns on threebox syncing', async () => {
const advancedButton = await driver.findElement(By.xpath(`//div[contains(text(), 'Advanced')]`))
await advancedButton.click()
const threeBoxToggleButton = await driver.findElement(By.css('[data-testid="advanced-setting-3box"] .toggle-button div'))
await threeBoxToggleButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Advanced')]`))
await driver.clickElement(By.css('[data-testid="advanced-setting-3box"] .toggle-button div'))
})
})
describe('updates settings and address book', () => {
it('adds an address to the contact list', async () => {
const generalButton = await driver.findElement(By.xpath(`//div[contains(text(), 'General')]`))
await generalButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'General')]`))
})
it('turns on use of blockies', async () => {
const toggleButton = await driver.findElement(By.css('.toggle-button > div'))
await toggleButton.click()
await driver.clickElement(By.css('.toggle-button > div'))
})
it('adds an address to the contact list', async () => {
const contactsButton = await driver.findElement(By.xpath(`//div[contains(text(), 'Contacts')]`))
await contactsButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Contacts')]`))
const addressBookAddButton = await driver.findElement(By.css('.address-book-add-button__button'))
await addressBookAddButton.click()
await driver.clickElement(By.css('.address-book-add-button__button'))
await driver.delay(tinyDelayMs)
const addAddressInputs = await driver.findElements(By.css('input'))
@ -156,8 +141,7 @@ describe('MetaMask', function () {
await driver.delay(largeDelayMs * 2)
const saveButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Save')]`))
await saveButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Save')]`))
await driver.findElement(By.xpath(`//div[contains(text(), 'Test User Name 11')]`))
await driver.delay(regularDelayMs)
@ -181,20 +165,17 @@ describe('MetaMask', function () {
describe('First time flow starting from an existing seed phrase', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver2.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver2.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver2.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver2.delay(largeDelayMs)
})
it('clicks the "Import Wallet" option', async () => {
const customRpcButton = await driver2.findElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await customRpcButton.click()
await driver2.clickElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await driver2.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver2.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver2.clickElement(By.css('.btn-default'))
await driver2.delay(largeDelayMs)
})
@ -208,18 +189,15 @@ describe('MetaMask', function () {
const [confirmPassword] = await driver2.findElements(By.id('confirm-password'))
confirmPassword.sendKeys('correct horse battery staple')
const tosCheckBox = await driver2.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver2.clickElement(By.css('.first-time-flow__checkbox'))
const [importButton] = await driver2.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButton.click()
await driver2.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver2.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver2.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver2.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver2.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver2.delay(regularDelayMs)
})
@ -232,18 +210,15 @@ describe('MetaMask', function () {
describe('restores 3box data', () => {
it('confirms the 3box restore notification', async () => {
const restoreButton = await driver2.findElement(By.css('.home-notification__accept-button'))
await restoreButton.click()
await driver2.clickElement(By.css('.home-notification__accept-button'))
})
// TODO: Fix tests from here forward; they're using the wrong driver
it('goes to the settings screen', async () => {
const accountMenuButton = await driver.findElement(By.css('.account-menu__icon'))
await accountMenuButton.click()
await driver.clickElement(By.css('.account-menu__icon'))
await driver.delay(regularDelayMs)
const settingsButton = await driver.findElement(By.xpath(`//div[contains(text(), 'Settings')]`))
await settingsButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Settings')]`))
})
it('finds the blockies toggle turned on', async () => {
@ -254,8 +229,7 @@ describe('MetaMask', function () {
})
it('finds the restored address in the contact list', async () => {
const contactsButton = await driver.findElement(By.xpath(`//div[contains(text(), 'Contacts')]`))
await contactsButton.click()
await driver.clickElement(By.xpath(`//div[contains(text(), 'Contacts')]`))
await driver.delay(regularDelayMs)
await driver.findElement(By.xpath(`//div[contains(text(), 'Test User Name 11')]`))

40
test/e2e/web3.spec.js
Unescape View File

@ -55,20 +55,17 @@ describe('Using MetaMask with an existing account', function () {
describe('First time flow starting from an existing seed phrase', () => {
it('clicks the continue button on the welcome screen', async () => {
await driver.findElement(By.css('.welcome-page__header'))
const welcomeScreenBtn = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await welcomeScreenBtn.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "Import Wallet" option', async () => {
const customRpcButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await customRpcButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import Wallet')]`))
await driver.delay(largeDelayMs)
})
it('clicks the "No thanks" option on the metametrics opt-in screen', async () => {
const optOutButton = await driver.findElement(By.css('.btn-default'))
await optOutButton.click()
await driver.clickElement(By.css('.btn-default'))
await driver.delay(largeDelayMs)
})
@ -82,18 +79,15 @@ describe('Using MetaMask with an existing account', function () {
const [confirmPassword] = await driver.findElements(By.id('confirm-password'))
confirmPassword.sendKeys('correct horse battery staple')
const tosCheckBox = await driver.findElement(By.css('.first-time-flow__checkbox'))
await tosCheckBox.click()
await driver.clickElement(By.css('.first-time-flow__checkbox'))
const [importButton] = await driver.findElements(By.xpath(`//button[contains(text(), 'Import')]`))
await importButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Import')]`))
await driver.delay(regularDelayMs)
})
it('clicks through the success screen', async () => {
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
const doneButton = await driver.findElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await doneButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
await driver.delay(regularDelayMs)
})
})
@ -102,12 +96,10 @@ describe('Using MetaMask with an existing account', function () {
describe('opens dapp', () => {
it('switches to mainnet', async () => {
const networkDropdown = await driver.findElement(By.css('.network-name'))
await networkDropdown.click()
await driver.clickElement(By.css('.network-name'))
await driver.delay(regularDelayMs)
const [mainnet] = await driver.findElements(By.xpath(`//span[contains(text(), 'Main Ethereum Network')]`))
await mainnet.click()
await driver.clickElement(By.xpath(`//span[contains(text(), 'Main Ethereum Network')]`))
await driver.delay(largeDelayMs * 2)
})
@ -115,8 +107,7 @@ describe('Using MetaMask with an existing account', function () {
await driver.openNewPage('http://127.0.0.1:8080/')
await driver.delay(regularDelayMs)
const connectButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await connectButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.delay(regularDelayMs)
@ -128,8 +119,7 @@ describe('Using MetaMask with an existing account', function () {
const dapp = windowHandles.find(handle => handle !== extension && handle !== popup)
await driver.delay(regularDelayMs)
const approveButton = await driver.findElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await approveButton.click()
await driver.clickElement(By.xpath(`//button[contains(text(), 'Connect')]`))
await driver.switchToWindow(dapp)
await driver.delay(regularDelayMs)
@ -142,7 +132,7 @@ describe('Using MetaMask with an existing account', function () {
it('testing hexa methods', async () => {
const List = await driver.findElements(By.className('hexaNumberMethods'))
const List = await driver.findClickableElements(By.className('hexaNumberMethods'))
for (let i = 0; i < List.length; i++) {
try {
@ -163,7 +153,7 @@ describe('Using MetaMask with an existing account', function () {
it('testing booleanMethods', async () => {
const List = await driver.findElements(By.className('booleanMethods'))
const List = await driver.findClickableElement(By.className('booleanMethods'))
for (let i = 0; i < List.length; i++) {
try {
@ -186,7 +176,7 @@ describe('Using MetaMask with an existing account', function () {
it('testing transactionMethods', async () => {
const List = await driver.findElements(By.className('transactionMethods'))
const List = await driver.findClickableElement(By.className('transactionMethods'))
for (let i = 0; i < List.length; i++) {
try {
@ -228,7 +218,7 @@ describe('Using MetaMask with an existing account', function () {
it('testing blockMethods', async () => {
const List = await driver.findElements(By.className('blockMethods'))
const List = await driver.findClickableElement(By.className('blockMethods'))
for (let i = 0; i < List.length; i++) {
try {
@ -254,7 +244,7 @@ describe('Using MetaMask with an existing account', function () {
it('testing methods', async () => {
const List = await driver.findElements(By.className('methods'))
const List = await driver.findClickableElement(By.className('methods'))
let parsedData
let result

29
test/e2e/webdriver/driver.js
Unescape View File

@ -38,12 +38,35 @@ class Driver {
return element
}
findElements (locator) {
return this.driver.wait(until.elementsLocated(locator), this.timeout)
async findClickableElement (locator) {
const element = await this.findElement(locator)
await Promise.all([
this.driver.wait(until.elementIsVisible(element), this.timeout),
this.driver.wait(until.elementIsEnabled(element), this.timeout),
])
return element
}
async findElements (locator) {
return await this.driver.wait(until.elementsLocated(locator), this.timeout)
}
async findClickableElements (locator) {
const elements = await this.findElements(locator)
await Promise.all(elements
.reduce((acc, element) => {
acc.push(
this.driver.wait(until.elementIsVisible(element), this.timeout),
this.driver.wait(until.elementIsEnabled(element), this.timeout),
)
return acc
}, [])
)
return elements
}
async clickElement (locator) {
const element = await this.findElement(locator)
const element = await this.findClickableElement(locator)
await element.click()
}

Write Preview
Loading…
Cancel
Save