mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-26 05:13:37 +02:00
27cfb6aa51
The Selenium webdriver is difficult to use, and easy to misuse. To help use the driver and make it easier to maintain our e2e tests, all driver interactions are now performed via a `driver` module. This is basically a wrapper class around the `selenium-webdriver` that exposes only the methods we want to use directly, along with all of our helper methods.
269 lines
11 KiB
JavaScript
269 lines
11 KiB
JavaScript
const assert = require('assert')
|
|
const { By, until } = require('selenium-webdriver')
|
|
|
|
const {
|
|
prepareExtensionForTesting,
|
|
tinyDelayMs,
|
|
regularDelayMs,
|
|
largeDelayMs,
|
|
} = require('./helpers')
|
|
const Ganache = require('./ganache')
|
|
const enLocaleMessages = require('../../app/_locales/en/messages.json')
|
|
|
|
const ganacheServer = new Ganache()
|
|
|
|
describe('MetaMask', function () {
|
|
let driver
|
|
|
|
const testSeedPhrase = 'forum vessel pink push lonely enact gentle tail admit parrot grunt dress'
|
|
|
|
this.timeout(0)
|
|
this.bail(true)
|
|
|
|
before(async function () {
|
|
await ganacheServer.start({
|
|
accounts: [
|
|
{
|
|
secretKey: '0x53CB0AB5226EEBF4D872113D98332C1555DC304443BEE1CF759D15798D3C55A9',
|
|
balance: 25000000000000000000,
|
|
},
|
|
],
|
|
})
|
|
const result = await prepareExtensionForTesting()
|
|
driver = result.driver
|
|
})
|
|
|
|
afterEach(async function () {
|
|
if (process.env.SELENIUM_BROWSER === 'chrome') {
|
|
const errors = await driver.checkBrowserForConsoleErrors()
|
|
if (errors.length) {
|
|
const errorReports = errors.map(err => err.message)
|
|
const errorMessage = `Errors found in browser console:\n${errorReports.join('\n')}`
|
|
console.error(new Error(errorMessage))
|
|
}
|
|
}
|
|
if (this.currentTest.state === 'failed') {
|
|
await driver.verboseReportOnFailure(driver, this.currentTest)
|
|
}
|
|
})
|
|
|
|
after(async function () {
|
|
await ganacheServer.quit()
|
|
await driver.quit()
|
|
})
|
|
|
|
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}')]`))
|
|
welcomeScreenBtn.click()
|
|
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')]`))
|
|
customRpcButton.click()
|
|
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'))
|
|
optOutButton.click()
|
|
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.delay(regularDelayMs)
|
|
})
|
|
|
|
let seedPhrase
|
|
|
|
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.delay(regularDelayMs)
|
|
|
|
const revealedSeedPhrase = await driver.findElement(By.css('.reveal-seed-phrase__secret-words'))
|
|
seedPhrase = await revealedSeedPhrase.getText()
|
|
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.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.delay(tinyDelayMs)
|
|
}
|
|
|
|
it('can retype the seed phrase', async () => {
|
|
const words = seedPhrase.split(' ')
|
|
|
|
for (const word of words) {
|
|
await clickWordAndWait(word)
|
|
}
|
|
|
|
const confirm = await driver.findElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
|
|
await confirm.click()
|
|
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.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.delay(regularDelayMs)
|
|
|
|
const logoutButton = await driver.findElement(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'))
|
|
assert.equal(await restoreSeedLink.getText(), 'Import using account seed phrase')
|
|
await restoreSeedLink.click()
|
|
await driver.delay(regularDelayMs)
|
|
|
|
const seedTextArea = await driver.findElement(By.css('textarea'))
|
|
await seedTextArea.sendKeys(testSeedPhrase)
|
|
await driver.delay(regularDelayMs)
|
|
|
|
const passwordInputs = await driver.findElements(By.css('input'))
|
|
await driver.delay(regularDelayMs)
|
|
|
|
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}')]`))
|
|
restoreButton.click()
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
it('balance renders', async () => {
|
|
const balance = await driver.findElement(By.css('.balance-display .token-amount'))
|
|
await driver.wait(until.elementTextMatches(balance, /25\s*ETH/))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
})
|
|
|
|
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.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()
|
|
|
|
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.wait(until.stalenessOf(addressBookAddModal))
|
|
|
|
const inputAmount = await driver.findElement(By.css('.unit-input__input'))
|
|
await inputAmount.sendKeys('1')
|
|
|
|
const inputValue = await inputAmount.getAttribute('value')
|
|
assert.equal(inputValue, '1')
|
|
await driver.delay(regularDelayMs)
|
|
|
|
// Continue to next screen
|
|
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
|
|
await nextScreen.click()
|
|
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.delay(largeDelayMs * 2)
|
|
})
|
|
|
|
it('finds the transaction in the transactions list', async function () {
|
|
await driver.wait(async () => {
|
|
const confirmedTxes = await driver.findElements(By.css('.transaction-list__completed-transactions .transaction-list-item'))
|
|
return confirmedTxes.length === 1
|
|
}, 10000)
|
|
|
|
const txValues = await driver.findElement(By.css('.transaction-list-item__amount--primary'))
|
|
await driver.wait(until.elementTextMatches(txValues, /-1\s*ETH/), 10000)
|
|
})
|
|
})
|
|
|
|
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.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.delay(regularDelayMs)
|
|
const inputAmount = await driver.findElement(By.css('.unit-input__input'))
|
|
await inputAmount.sendKeys('2')
|
|
await driver.delay(regularDelayMs)
|
|
|
|
// Continue to next screen
|
|
const nextScreen = await driver.findElement(By.xpath(`//button[contains(text(), 'Next')]`))
|
|
await nextScreen.click()
|
|
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.delay(largeDelayMs * 2)
|
|
})
|
|
|
|
it('finds the transaction in the transactions list', async function () {
|
|
await driver.wait(async () => {
|
|
const confirmedTxes = await driver.findElements(By.css('.transaction-list__completed-transactions .transaction-list-item'))
|
|
return confirmedTxes.length === 2
|
|
}, 10000)
|
|
|
|
const txValues = await driver.findElement(By.css('.transaction-list-item__amount--primary'))
|
|
await driver.wait(until.elementTextMatches(txValues, /-2\s*ETH/), 10000)
|
|
})
|
|
})
|
|
})
|