mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-22 19:26:13 +02:00
a6f2156386
The `AccountDetailsDropdown` component has been rewritten to use the new `Menu` component, and to follow the latest designs. This should be functionally equivalent. A couple of the icons have changed, but that's about it. Support for a subtitle was added to `MenuItem` to support the `origin` subtitle used for the explorer link for custom RPC endpoints. A few adjustments were required to `test/helper.js` to accommodate the use of `Menu` from a JSDOM context (this is the first time it's been used in a unit test). A `popover-content` element was added to the fake DOM, and another global was added that `react-popper` used internally. An additional driver method (`clickPoint`) was added to the e2e driver to allow clicking the background behind the menu to dismiss it. This wasn't possible using the `clickElement` method, because that method would refuse to click an obscured element. The only non-obscured element to click was the menu backdrop, and that didn't work either because the center was obscured by the menu (Selenium clicks the center of whichever element is targeted).
225 lines
8.7 KiB
JavaScript
225 lines
8.7 KiB
JavaScript
const assert = require('assert')
|
|
const webdriver = require('selenium-webdriver')
|
|
|
|
const { By, until } = webdriver
|
|
const {
|
|
tinyDelayMs,
|
|
regularDelayMs,
|
|
largeDelayMs,
|
|
} = require('./helpers')
|
|
const { buildWebDriver } = require('./webdriver')
|
|
const Ganache = require('./ganache')
|
|
const enLocaleMessages = require('../../app/_locales/en/messages.json')
|
|
|
|
const ganacheServer = new Ganache()
|
|
|
|
describe('MetaMask', function () {
|
|
let driver
|
|
|
|
const testSeedPhrase = 'phrase upgrade clock rough situate wedding elder clever doctor stamp excess tent'
|
|
|
|
this.timeout(0)
|
|
this.bail(true)
|
|
|
|
before(async function () {
|
|
await ganacheServer.start()
|
|
const result = await buildWebDriver({ responsive: true })
|
|
driver = result.driver
|
|
})
|
|
|
|
afterEach(async function () {
|
|
if (process.env.SELENIUM_BROWSER === 'chrome') {
|
|
const errors = await driver.checkBrowserForConsoleErrors(driver)
|
|
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(this.currentTest)
|
|
}
|
|
})
|
|
|
|
after(async function () {
|
|
await ganacheServer.quit()
|
|
await driver.quit()
|
|
})
|
|
|
|
describe('Going through the first time flow', function () {
|
|
it('clicks the continue button on the welcome screen', async function () {
|
|
await driver.findElement(By.css('.welcome-page__header'))
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`))
|
|
await driver.delay(largeDelayMs)
|
|
})
|
|
|
|
it('clicks the "Create New Wallet" option', async function () {
|
|
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 function () {
|
|
await driver.clickElement(By.css('.btn-primary'))
|
|
await driver.delay(largeDelayMs)
|
|
})
|
|
|
|
it('accepts a secure password', async function () {
|
|
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'))
|
|
|
|
await passwordBox.sendKeys('correct horse battery staple')
|
|
await passwordBoxConfirm.sendKeys('correct horse battery staple')
|
|
|
|
await driver.clickElement(By.css('.first-time-flow__checkbox'))
|
|
|
|
await driver.clickElement(By.css('.first-time-flow__form button'))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
let seedPhrase
|
|
|
|
it('reveals the seed phrase', async function () {
|
|
const byRevealButton = By.css('.reveal-seed-phrase__secret-blocker .reveal-seed-phrase__reveal-button')
|
|
await driver.clickElement(byRevealButton)
|
|
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)
|
|
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.next.message}')]`))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
async function clickWordAndWait (word) {
|
|
await driver.clickElement(By.css(`[data-testid="seed-phrase-sorted"] [data-testid="draggable-seed-${word}"]`))
|
|
await driver.delay(tinyDelayMs)
|
|
}
|
|
|
|
it('can retype the seed phrase', async function () {
|
|
const words = seedPhrase.split(' ')
|
|
|
|
for (const word of words) {
|
|
await clickWordAndWait(word)
|
|
}
|
|
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
it('clicks through the success screen', async function () {
|
|
await driver.findElement(By.xpath(`//div[contains(text(), 'Congratulations')]`))
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.endOfFlowMessage10.message}')]`))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
})
|
|
|
|
describe('Show account information', function () {
|
|
it('show account details dropdown menu', async function () {
|
|
await driver.clickElement(By.css('[data-testid="account-options-menu-button"]'))
|
|
const options = await driver.findElements(By.css('.account-options-menu .menu-item'))
|
|
assert.equal(options.length, 4) // HD Wallet type does not have to show the Remove Account option
|
|
// click outside of menu to dismiss
|
|
// account menu button chosen because the menu never covers it.
|
|
await driver.clickPoint(By.css('.account-menu__icon'), 0, 0)
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
})
|
|
|
|
describe('Import seed phrase', function () {
|
|
it('logs out of the vault', async function () {
|
|
await driver.clickElement(By.css('.account-menu__icon'))
|
|
await driver.delay(regularDelayMs)
|
|
|
|
const lockButton = await driver.findClickableElement(By.css('.account-menu__lock-button'))
|
|
assert.equal(await lockButton.getText(), 'Lock')
|
|
await lockButton.click()
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
it('imports seed phrase', async function () {
|
|
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)
|
|
|
|
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')
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), '${enLocaleMessages.restore.message}')]`))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
it('switches to localhost', async function () {
|
|
await driver.clickElement(By.css('.network-name'))
|
|
await driver.delay(regularDelayMs)
|
|
|
|
await driver.clickElement(By.xpath(`//span[contains(text(), 'Localhost')]`))
|
|
await driver.delay(largeDelayMs * 2)
|
|
})
|
|
|
|
it('balance renders', async function () {
|
|
const balance = await driver.findElement(By.css('.eth-overview__primary-balance'))
|
|
await driver.wait(until.elementTextMatches(balance, /100\s*ETH/))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
})
|
|
|
|
describe('Send ETH from inside MetaMask', function () {
|
|
it('starts to send a transaction', async function () {
|
|
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')
|
|
|
|
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)
|
|
})
|
|
|
|
it('opens and closes the gas modal', async function () {
|
|
// Set the gas limit
|
|
await driver.clickElement(By.css('.advanced-gas-options-btn'))
|
|
await driver.delay(regularDelayMs)
|
|
|
|
const gasModal = await driver.findElement(By.css('span .modal'))
|
|
|
|
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
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), 'Next')]`))
|
|
await driver.delay(regularDelayMs)
|
|
})
|
|
|
|
it('confirms the transaction', async function () {
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), 'Confirm')]`))
|
|
})
|
|
|
|
it('finds the transaction in the transactions list', async function () {
|
|
await driver.clickElement(By.css('[data-testid="home__history-tab"]'))
|
|
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__primary-currency'))
|
|
await driver.wait(until.elementTextMatches(txValues, /-1\s*ETH/), 10000)
|
|
})
|
|
})
|
|
})
|