const fs = require('fs') const mkdirp = require('mkdirp') const path = require('path') const assert = require('assert') const pify = require('pify') const webdriver = require('selenium-webdriver') const By = webdriver.By const { delay, buildWebDriver } = require('./func') describe('Metamask popup page', function () { let driver this.seedPhase this.accountAddress this.timeout(0) before(async function () { const extPath = path.resolve('dist/chrome') driver = buildWebDriver(extPath) await driver.get('chrome://extensions-frame') const elems = await driver.findElements(By.css('.extension-list-item-wrapper')) const extensionId = await elems[1].getAttribute('id') await driver.get(`chrome-extension://${extensionId}/popup.html`) await delay(500) }) afterEach(async function () { if (this.currentTest.state === 'failed') { await verboseReportOnFailure(this.currentTest) } }) after(async function () { await driver.quit() }) describe('#onboarding', () => { it('should open Metamask.io', async function () { const tabs = await driver.getAllWindowHandles() await driver.switchTo().window(tabs[0]) await delay(300) }) it('should match title', async () => { const title = await driver.getTitle() assert.equal(title, 'MetaMask', 'title matches MetaMask') }) it('should show privacy notice', async () => { const privacy = await driver.findElement(By.css('.terms-header')).getText() assert.equal(privacy, 'PRIVACY NOTICE', 'shows privacy notice') driver.findElement(By.css('button')).click() await delay(300) }) it('should show terms of use', async () => { await delay(300) const terms = await driver.findElement(By.css('.terms-header')).getText() assert.equal(terms, 'TERMS OF USE', 'shows terms of use') await delay(300) }) it('should be unable to continue without scolling throught the terms of use', async () => { const button = await driver.findElement(By.css('button')).isEnabled() assert.equal(button, false, 'disabled continue button') const element = driver.findElement(By.linkText( 'Attributions' )) await driver.executeScript('arguments[0].scrollIntoView(true)', element) await delay(300) }) it('should be able to continue when scrolled to the bottom of terms of use', async () => { const button = await driver.findElement(By.css('button')) const buttonEnabled = await button.isEnabled() await delay(500) assert.equal(buttonEnabled, true, 'enabled continue button') await button.click() await delay(300) }) it('should accept password with length of eight', async () => { const passwordBox = await driver.findElement(By.id('password-box')) const passwordBoxConfirm = await driver.findElement(By.id('password-box-confirm')) const button = driver.findElement(By.css('button')) passwordBox.sendKeys('123456789') passwordBoxConfirm.sendKeys('123456789') await delay(500) await button.click() }) it('should show value was created and seed phrase', async () => { await delay(700) this.seedPhase = await driver.findElement(By.css('.twelve-word-phrase')).getText() const continueAfterSeedPhrase = await driver.findElement(By.css('button')) await continueAfterSeedPhrase.click() await delay(300) }) it('should show lock account', async () => { await driver.findElement(By.css('.sandwich-expando')).click() await delay(500) await driver.findElement(By.css('#app-content > div > div:nth-child(3) > span > div > li:nth-child(3)')).click() }) it('should accept account password after lock', async () => { await delay(500) await driver.findElement(By.id('password-box')).sendKeys('123456789') await driver.findElement(By.css('button')).click() await delay(500) }) it('should show QR code option', async () => { await delay(300) await driver.findElement(By.css('.fa-ellipsis-h')).click() await driver.findElement(By.css('#app-content > div > div.app-primary.from-right > div > div > div:nth-child(1) > flex-column > div.name-label > div > span > i > div > div > li:nth-child(3)')).click() await delay(300) }) it('should show the account address', async () => { this.accountAddress = await driver.findElement(By.css('.ellip-address')).getText() await driver.findElement(By.css('.fa-arrow-left')).click() await delay(500) }) }) async function verboseReportOnFailure(test) { const artifactDir = `./test-artifacts/${test.title}` const filepathBase = `${artifactDir}/test-failure` await pify(mkdirp)(artifactDir) // capture screenshot const screenshot = await driver.takeScreenshot() await pify(fs.writeFile)(`${filepathBase}-screenshot.png`, screenshot, { encoding: 'base64' }) // capture dom source const htmlSource = await driver.getPageSource() await pify(fs.writeFile)(`${filepathBase}-dom.html`, htmlSource) } })