mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-26 12:29:06 +01:00
a0d64c7932
The fullscreen UI now shows roughly the same design as the popup UI. A few additional changes depicted in the new fullscreen designs will be implemented in subsequent PRs (e.g. the inline buttons on assets) This was done now to make asset pages easier to implement. Implementing asset pages solely for the popup UI would have been complicated by the fact that we use viewport size to switch between the two layouts, so we would have had to re-route upon resizing the window.
246 lines
9.7 KiB
JavaScript
246 lines
9.7 KiB
JavaScript
const assert = require('assert')
|
|
const { By, until } = require('selenium-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 = '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 buildWebDriver()
|
|
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(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 "No thanks" option on the metametrics opt-in screen', async function () {
|
|
await driver.clickElement(By.css('.btn-default'))
|
|
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('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('balance renders', async function () {
|
|
const balance = await driver.findElement(By.css('[data-testid="wallet-balance"] .asset-list__primary-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', function () {
|
|
it('starts a send 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')
|
|
await driver.delay(regularDelayMs)
|
|
|
|
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)
|
|
await driver.clickElement(By.css('.add-to-address-book-modal__footer .btn-primary'))
|
|
|
|
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
|
|
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')]`))
|
|
await driver.delay(largeDelayMs * 2)
|
|
})
|
|
|
|
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)
|
|
})
|
|
})
|
|
|
|
describe('Sends to an address book entry', function () {
|
|
it('starts a send transaction by clicking address book entry', async function () {
|
|
await driver.clickElement(By.xpath(`//button[contains(text(), 'Send')]`))
|
|
await driver.delay(regularDelayMs)
|
|
|
|
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 driver.clickElement(By.css('.send__select-recipient-wrapper__group-item'))
|
|
|
|
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
|
|
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')]`))
|
|
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__primary-currency'))
|
|
await driver.wait(until.elementTextMatches(txValues, /-2\s*ETH/), 10000)
|
|
})
|
|
})
|
|
})
|