mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-30 08:09:15 +01:00
fe28e0d134
* Cleanup beforeunload handler after transaction is resolved The notification window was updated to reject transactions upon close in #6340. A handler that rejects the transaction was added to `window.onbeforeunload`, and it was cleared in `actions.js` if it was confirmed or rejected. However, the `onbeforeunload` handler remained uncleared if the transaction was resolved in another window. This results in the transaction being rejected when the notification window closes, even long after the transaction is submitted and confirmed. This has been the cause of many problems with the Firefox e2e tests. Instead the `onbeforeunload` handler is cleared in the `componentWillUnmount` lifecycle function, alongside where it's set in the first place. This ensures that it's correctly unset regardless of how the transaction was resolved, and it better matches user expectations. * Fix indentation and remove redundant export The `run-all.sh` Bash script now uses consistent indentation, and is consistent about only re-exporting the Ganache arguments when they change. * Ensure transactions are completed before checking balance Various intermittent e2e test failures appear to be caused by React re-rendering the transaction list during the test, as the transaction goes from pending to confirmed. To avoid this race condition, the transaction is now explicitly looked for in the confirmed transaction list in each of the tests using this pattern. * Enable all e2e tests on Firefox The remaining tests that were disabled on Firefox now work correctly. Only a few timing adjustments were needed. * Update Firefox used in CI Firefox v70 is now used on CI instead of v68. This necessitated rewriting the function where the extension ID was obtained because the Firefox extensions page was redesigned.
118 lines
3.9 KiB
JavaScript
118 lines
3.9 KiB
JavaScript
require('chromedriver')
|
|
require('geckodriver')
|
|
const fs = require('fs-extra')
|
|
const os = require('os')
|
|
const path = require('path')
|
|
const pify = require('pify')
|
|
const prependFile = pify(require('prepend-file'))
|
|
const webdriver = require('selenium-webdriver')
|
|
const Command = require('selenium-webdriver/lib/command').Command
|
|
const By = webdriver.By
|
|
|
|
module.exports = {
|
|
delay,
|
|
createModifiedTestBuild,
|
|
setupBrowserAndExtension,
|
|
verboseReportOnFailure,
|
|
buildChromeWebDriver,
|
|
buildFirefoxWebdriver,
|
|
installWebExt,
|
|
getExtensionIdChrome,
|
|
getExtensionIdFirefox,
|
|
}
|
|
|
|
function delay (time) {
|
|
return new Promise(resolve => setTimeout(resolve, time))
|
|
}
|
|
|
|
async function createModifiedTestBuild ({ browser, srcPath }) {
|
|
// copy build to test-builds directory
|
|
const extPath = path.resolve(`test-builds/${browser}`)
|
|
await fs.ensureDir(extPath)
|
|
await fs.copy(srcPath, extPath)
|
|
// inject METAMASK_TEST_CONFIG setting default test network
|
|
const config = { NetworkController: { provider: { type: 'localhost' } } }
|
|
await prependFile(`${extPath}/background.js`, `window.METAMASK_TEST_CONFIG=${JSON.stringify(config)};\n`)
|
|
return { extPath }
|
|
}
|
|
|
|
async function setupBrowserAndExtension ({ browser, extPath }) {
|
|
let driver, extensionId, extensionUri
|
|
|
|
if (browser === 'chrome') {
|
|
driver = buildChromeWebDriver(extPath)
|
|
extensionId = await getExtensionIdChrome(driver)
|
|
extensionUri = `chrome-extension://${extensionId}/home.html`
|
|
} else if (browser === 'firefox') {
|
|
driver = buildFirefoxWebdriver()
|
|
await installWebExt(driver, extPath)
|
|
await delay(700)
|
|
extensionId = await getExtensionIdFirefox(driver)
|
|
extensionUri = `moz-extension://${extensionId}/home.html`
|
|
} else {
|
|
throw new Error(`Unknown Browser "${browser}"`)
|
|
}
|
|
|
|
return { driver, extensionId, extensionUri }
|
|
}
|
|
|
|
function buildChromeWebDriver (extPath, opts = {}) {
|
|
const tmpProfile = fs.mkdtempSync(path.join(os.tmpdir(), 'mm-chrome-profile'))
|
|
const args = [
|
|
`load-extension=${extPath}`,
|
|
`user-data-dir=${tmpProfile}`,
|
|
]
|
|
if (opts.responsive) {
|
|
args.push('--auto-open-devtools-for-tabs')
|
|
}
|
|
return new webdriver.Builder()
|
|
.withCapabilities({
|
|
chromeOptions: {
|
|
args,
|
|
binary: process.env.SELENIUM_CHROME_BINARY,
|
|
},
|
|
})
|
|
.build()
|
|
}
|
|
|
|
function buildFirefoxWebdriver (opts = {}) {
|
|
const driver = new webdriver.Builder().build()
|
|
if (opts.responsive) {
|
|
driver.manage().window().setSize(320, 600)
|
|
}
|
|
return driver
|
|
}
|
|
|
|
async function getExtensionIdChrome (driver) {
|
|
await driver.get('chrome://extensions')
|
|
const extensionId = await driver.executeScript('return document.querySelector("extensions-manager").shadowRoot.querySelector("extensions-item-list").shadowRoot.querySelector("extensions-item:nth-child(2)").getAttribute("id")')
|
|
return extensionId
|
|
}
|
|
|
|
async function getExtensionIdFirefox (driver) {
|
|
await driver.get('about:debugging#addons')
|
|
const extensionId = await driver.wait(webdriver.until.elementLocated(By.xpath('//dl/div[contains(., \'Internal UUID\')]/dd')), 1000).getText()
|
|
return extensionId
|
|
}
|
|
|
|
async function installWebExt (driver, extension) {
|
|
const cmd = await new Command('moz-install-web-ext')
|
|
.setParameter('path', path.resolve(extension))
|
|
.setParameter('temporary', true)
|
|
|
|
await driver.getExecutor()
|
|
.defineCommand(cmd.getName(), 'POST', '/session/:sessionId/moz/addon/install')
|
|
|
|
return await driver.schedule(cmd, 'installWebExt(' + extension + ')')
|
|
}
|
|
|
|
async function verboseReportOnFailure ({ browser, driver, title }) {
|
|
const artifactDir = `./test-artifacts/${browser}/${title}`
|
|
const filepathBase = `${artifactDir}/test-failure`
|
|
await fs.ensureDir(artifactDir)
|
|
const screenshot = await driver.takeScreenshot()
|
|
await fs.writeFile(`${filepathBase}-screenshot.png`, screenshot, { encoding: 'base64' })
|
|
const htmlSource = await driver.getPageSource()
|
|
await fs.writeFile(`${filepathBase}-dom.html`, htmlSource)
|
|
}
|