-
Notifications
You must be signed in to change notification settings - Fork 5k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #7420 from MetaMask/e2e-test-for-typed-sig-request
Adds and end to end test for typed signature requests
- Loading branch information
Showing
4 changed files
with
260 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,191 @@ | ||
| const assert = require('assert') | ||
| const webdriver = require('selenium-webdriver') | ||
| const { By, until } = webdriver | ||
| const { | ||
| delay, | ||
| } = require('./func') | ||
| const { | ||
| checkBrowserForConsoleErrors, | ||
| findElement, | ||
| findElements, | ||
| openNewPage, | ||
| verboseReportOnFailure, | ||
| waitUntilXWindowHandles, | ||
| switchToWindowWithTitle, | ||
| setupFetchMocking, | ||
| prepareExtensionForTesting, | ||
| } = require('./helpers') | ||
| const enLocaleMessages = require('../../app/_locales/en/messages.json') | ||
|
|
||
| describe('MetaMask', function () { | ||
| let driver | ||
| let publicAddress | ||
|
|
||
| const tinyDelayMs = 200 | ||
| const regularDelayMs = tinyDelayMs * 2 | ||
| const largeDelayMs = regularDelayMs * 2 | ||
|
|
||
| this.timeout(0) | ||
| this.bail(true) | ||
|
|
||
| before(async function () { | ||
| const result = await prepareExtensionForTesting() | ||
| driver = result.driver | ||
| await setupFetchMocking(driver) | ||
| }) | ||
|
|
||
| afterEach(async function () { | ||
| if (process.env.SELENIUM_BROWSER === 'chrome') { | ||
| const errors = await 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 verboseReportOnFailure(driver, this.currentTest) | ||
| } | ||
| }) | ||
|
|
||
| after(async function () { | ||
| await driver.quit() | ||
| }) | ||
|
|
||
| describe('Going through the first time flow, but skipping the seed phrase challenge', () => { | ||
| it('clicks the continue button on the welcome screen', async () => { | ||
| await findElement(driver, By.css('.welcome-page__header')) | ||
| const welcomeScreenBtn = await findElement(driver, By.xpath(`//button[contains(text(), '${enLocaleMessages.getStarted.message}')]`)) | ||
| welcomeScreenBtn.click() | ||
| await delay(largeDelayMs) | ||
| }) | ||
|
|
||
| it('clicks the "Create New Wallet" option', async () => { | ||
| const customRpcButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Create a Wallet')]`)) | ||
| customRpcButton.click() | ||
| await delay(largeDelayMs) | ||
| }) | ||
|
|
||
| it('clicks the "No thanks" option on the metametrics opt-in screen', async () => { | ||
| const optOutButton = await findElement(driver, By.css('.btn-default')) | ||
| optOutButton.click() | ||
| await delay(largeDelayMs) | ||
| }) | ||
|
|
||
| it('accepts a secure password', async () => { | ||
| const passwordBox = await findElement(driver, By.css('.first-time-flow__form #create-password')) | ||
| const passwordBoxConfirm = await findElement(driver, By.css('.first-time-flow__form #confirm-password')) | ||
| const button = await findElement(driver, By.css('.first-time-flow__form button')) | ||
|
|
||
| await passwordBox.sendKeys('correct horse battery staple') | ||
| await passwordBoxConfirm.sendKeys('correct horse battery staple') | ||
|
|
||
| const tosCheckBox = await findElement(driver, By.css('.first-time-flow__checkbox')) | ||
| await tosCheckBox.click() | ||
|
|
||
| await button.click() | ||
| await delay(largeDelayMs) | ||
| }) | ||
|
|
||
| it('skips the seed phrase challenge', async () => { | ||
| const button = await findElement(driver, By.xpath(`//button[contains(text(), '${enLocaleMessages.remindMeLater.message}')]`)) | ||
| await button.click() | ||
| await delay(regularDelayMs) | ||
|
|
||
| const detailsButton = await findElement(driver, By.css('.account-details__details-button')) | ||
| await detailsButton.click() | ||
| await delay(regularDelayMs) | ||
| }) | ||
|
|
||
| it('gets the current accounts address', async () => { | ||
| const addressInput = await findElement(driver, By.css('.qr-ellip-address')) | ||
| publicAddress = (await addressInput.getAttribute('value')).toLowerCase() | ||
| const accountModal = await driver.findElement(By.css('span .modal')) | ||
|
|
||
| await driver.executeScript("document.querySelector('.account-modal-close').click()") | ||
|
|
||
| await driver.wait(until.stalenessOf(accountModal)) | ||
| await delay(regularDelayMs) | ||
| }) | ||
|
|
||
| it('changes the network', async () => { | ||
| const networkDropdown = await findElement(driver, By.css('.network-name')) | ||
| await networkDropdown.click() | ||
| await delay(regularDelayMs) | ||
|
|
||
| const ropstenButton = await findElement(driver, By.xpath(`//span[contains(text(), 'Ropsten')]`)) | ||
| await ropstenButton.click() | ||
| await delay(largeDelayMs) | ||
| }) | ||
| }) | ||
|
|
||
| describe('provider listening for events', () => { | ||
| let extension | ||
| let popup | ||
| let dapp | ||
| let windowHandles | ||
| it('switches to a dapp', async () => { | ||
| await openNewPage(driver, 'http://127.0.0.1:8080/') | ||
| await delay(regularDelayMs) | ||
|
|
||
| await waitUntilXWindowHandles(driver, 3) | ||
| windowHandles = await driver.getAllWindowHandles() | ||
|
|
||
| extension = windowHandles[0] | ||
| popup = await switchToWindowWithTitle(driver, 'MetaMask Notification', windowHandles) | ||
| dapp = windowHandles.find(handle => handle !== extension && handle !== popup) | ||
|
|
||
| await delay(regularDelayMs) | ||
| const approveButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Connect')]`)) | ||
| await approveButton.click() | ||
|
|
||
| await driver.switchTo().window(dapp) | ||
| await delay(regularDelayMs) | ||
| }) | ||
|
|
||
| it('creates a sign typed data signature request', async () => { | ||
| const signTypedMessage = await findElement(driver, By.xpath(`//button[contains(text(), 'Sign')]`), 10000) | ||
| await signTypedMessage.click() | ||
| await delay(largeDelayMs) | ||
|
|
||
| windowHandles = await driver.getAllWindowHandles() | ||
| await switchToWindowWithTitle(driver, 'MetaMask Notification', windowHandles) | ||
| await delay(regularDelayMs) | ||
|
|
||
| const title = await findElement(driver, By.css('.signature-request-content__title')) | ||
| const name = await findElement(driver, By.css('.signature-request-content__info--bolded')) | ||
| const content = await findElements(driver, By.css('.signature-request-content__info')) | ||
| const origin = content[0] | ||
| const address = content[1] | ||
| assert.equal(await title.getText(), 'Signature Request') | ||
| assert.equal(await name.getText(), 'Ether Mail') | ||
| assert.equal(await origin.getText(), '127.0.0.1') | ||
| assert.equal(await address.getText(), publicAddress.slice(0, 8) + '...' + publicAddress.slice(publicAddress.length - 8)) | ||
| }) | ||
|
|
||
| it('signs the transaction', async () => { | ||
| const signButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Sign')]`), 10000) | ||
| await signButton.click() | ||
| await delay(regularDelayMs) | ||
|
|
||
| extension = windowHandles[0] | ||
| await driver.switchTo().window(extension) | ||
| }) | ||
|
|
||
| it('gets the current accounts address', async () => { | ||
| const detailsButton = await findElement(driver, By.css('.account-details__details-button')) | ||
| await detailsButton.click() | ||
| await delay(regularDelayMs) | ||
|
|
||
| const addressInput = await findElement(driver, By.css('.qr-ellip-address')) | ||
| const newPublicAddress = await addressInput.getAttribute('value') | ||
| const accountModal = await driver.findElement(By.css('span .modal')) | ||
|
|
||
| await driver.executeScript("document.querySelector('.account-modal-close').click()") | ||
|
|
||
| await driver.wait(until.stalenessOf(accountModal)) | ||
| await delay(regularDelayMs) | ||
| assert.equal(newPublicAddress.toLowerCase(), publicAddress) | ||
| }) | ||
| }) | ||
| }) |