mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
test - use new async selectors for faster testing
This commit is contained in:
parent
ecb792ae50
commit
3537c391db
@ -1,5 +1,9 @@
|
|||||||
const reactTriggerChange = require('react-trigger-change')
|
const reactTriggerChange = require('react-trigger-change')
|
||||||
|
const {
|
||||||
|
timeout,
|
||||||
|
queryAsync,
|
||||||
|
findAsync,
|
||||||
|
} = require('../../lib/util')
|
||||||
const PASSWORD = 'password123'
|
const PASSWORD = 'password123'
|
||||||
|
|
||||||
QUnit.module('confirm sig requests')
|
QUnit.module('confirm sig requests')
|
||||||
@ -13,55 +17,41 @@ QUnit.test('successful confirmation of sig requests', (assert) => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
async function runConfirmSigRequestsTest(assert, done) {
|
async function runConfirmSigRequestsTest(assert, done) {
|
||||||
let selectState = $('select')
|
let selectState = await queryAsync($, 'select')
|
||||||
selectState.val('confirm sig requests')
|
selectState.val('confirm sig requests')
|
||||||
reactTriggerChange(selectState[0])
|
reactTriggerChange(selectState[0])
|
||||||
|
|
||||||
await timeout(2000)
|
let confirmSigHeadline = await queryAsync($, '.request-signature__headline')
|
||||||
|
|
||||||
let confirmSigHeadline = $('.request-signature__headline')
|
|
||||||
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
||||||
|
|
||||||
let confirmSigRowValue = $('.request-signature__row-value')
|
let confirmSigRowValue = await queryAsync($, '.request-signature__row-value')
|
||||||
assert.ok(confirmSigRowValue[0].textContent.match(/^\#\sTerms\sof\sUse/))
|
assert.ok(confirmSigRowValue[0].textContent.match(/^\#\sTerms\sof\sUse/))
|
||||||
|
|
||||||
let confirmSigSignButton = $('.request-signature__footer__sign-button')
|
let confirmSigSignButton = await queryAsync($, '.request-signature__footer__sign-button')
|
||||||
confirmSigSignButton[0].click()
|
confirmSigSignButton[0].click()
|
||||||
|
|
||||||
await timeout(2000)
|
confirmSigHeadline = await queryAsync($, '.request-signature__headline')
|
||||||
|
|
||||||
confirmSigHeadline = $('.request-signature__headline')
|
|
||||||
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
||||||
|
|
||||||
let confirmSigMessage = $('.request-signature__notice')
|
let confirmSigMessage = await queryAsync($, '.request-signature__notice')
|
||||||
assert.ok(confirmSigMessage[0].textContent.match(/^Signing\sthis\smessage/))
|
assert.ok(confirmSigMessage[0].textContent.match(/^Signing\sthis\smessage/))
|
||||||
|
|
||||||
confirmSigRowValue = $('.request-signature__row-value')
|
confirmSigRowValue = await queryAsync($, '.request-signature__row-value')
|
||||||
assert.equal(confirmSigRowValue[0].textContent, '0x879a053d4800c6354e76c7985a865d2922c82fb5b3f4577b2fe08b998954f2e0')
|
assert.equal(confirmSigRowValue[0].textContent, '0x879a053d4800c6354e76c7985a865d2922c82fb5b3f4577b2fe08b998954f2e0')
|
||||||
|
|
||||||
confirmSigSignButton = $('.request-signature__footer__sign-button')
|
confirmSigSignButton = await queryAsync($, '.request-signature__footer__sign-button')
|
||||||
confirmSigSignButton[0].click()
|
confirmSigSignButton[0].click()
|
||||||
|
|
||||||
await timeout(2000)
|
confirmSigHeadline = await queryAsync($, '.request-signature__headline')
|
||||||
|
|
||||||
confirmSigHeadline = $('.request-signature__headline')
|
|
||||||
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
assert.equal(confirmSigHeadline[0].textContent, 'Your signature is being requested')
|
||||||
|
|
||||||
confirmSigRowValue = $('.request-signature__row-value')
|
confirmSigRowValue = await queryAsync($, '.request-signature__row-value')
|
||||||
assert.equal(confirmSigRowValue[0].textContent, 'Hi, Alice!')
|
assert.equal(confirmSigRowValue[0].textContent, 'Hi, Alice!')
|
||||||
assert.equal(confirmSigRowValue[1].textContent, '1337')
|
assert.equal(confirmSigRowValue[1].textContent, '1337')
|
||||||
|
|
||||||
confirmSigSignButton = $('.request-signature__footer__sign-button')
|
confirmSigSignButton = await queryAsync($, '.request-signature__footer__sign-button')
|
||||||
confirmSigSignButton[0].click()
|
confirmSigSignButton[0].click()
|
||||||
|
|
||||||
await timeout(2000)
|
const txView = await queryAsync($, '.tx-view')
|
||||||
|
|
||||||
const txView = $('.tx-view')
|
|
||||||
assert.ok(txView[0], 'Should return to the account details screen after confirming')
|
assert.ok(txView[0], 'Should return to the account details screen after confirming')
|
||||||
}
|
}
|
||||||
|
|
||||||
function timeout (time) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
setTimeout(resolve, time || 1500)
|
|
||||||
})
|
|
||||||
}
|
|
@ -1,119 +1,95 @@
|
|||||||
const PASSWORD = 'password123'
|
const PASSWORD = 'password123'
|
||||||
const reactTriggerChange = require('react-trigger-change')
|
const reactTriggerChange = require('react-trigger-change')
|
||||||
|
const {
|
||||||
|
timeout,
|
||||||
|
findAsync,
|
||||||
|
queryAsync,
|
||||||
|
} = require('../../lib/util')
|
||||||
|
|
||||||
async function runFirstTimeUsageTest (assert, done) {
|
async function runFirstTimeUsageTest (assert, done) {
|
||||||
await timeout(4000)
|
await timeout(4000)
|
||||||
|
|
||||||
const app = $('#app-content')
|
const app = await queryAsync($, '#app-content')
|
||||||
|
|
||||||
await skipNotices(app)
|
await skipNotices(app)
|
||||||
|
|
||||||
await timeout()
|
|
||||||
|
|
||||||
// Scroll through terms
|
// Scroll through terms
|
||||||
const title = app.find('.create-password__title').text()
|
const title = await findAsync(app, '.create-password__title').text()
|
||||||
assert.equal(title, 'Create Password', 'create password screen')
|
assert.equal(title, 'Create Password', 'create password screen')
|
||||||
|
|
||||||
// enter password
|
// enter password
|
||||||
const pwBox = app.find('.first-time-flow__input')[0]
|
const pwBox = (await findAsync(app, '.first-time-flow__input'))[0]
|
||||||
const confBox = app.find('.first-time-flow__input')[1]
|
const confBox = (await findAsync(app, '.first-time-flow__input'))[1]
|
||||||
pwBox.value = PASSWORD
|
pwBox.value = PASSWORD
|
||||||
confBox.value = PASSWORD
|
confBox.value = PASSWORD
|
||||||
reactTriggerChange(pwBox)
|
reactTriggerChange(pwBox)
|
||||||
reactTriggerChange(confBox)
|
reactTriggerChange(confBox)
|
||||||
|
|
||||||
|
|
||||||
await timeout()
|
|
||||||
|
|
||||||
// Create Password
|
// Create Password
|
||||||
const createButton = app.find('button.first-time-flow__button')[0]
|
const createButton = (await findAsync(app, 'button.first-time-flow__button'))[0]
|
||||||
createButton.click()
|
createButton.click()
|
||||||
|
|
||||||
await timeout(3000)
|
const created = (await findAsync(app, '.unique-image__title'))[0]
|
||||||
|
|
||||||
const created = app.find('.unique-image__title')[0]
|
|
||||||
assert.equal(created.textContent, 'Your unique account image', 'unique image screen')
|
assert.equal(created.textContent, 'Your unique account image', 'unique image screen')
|
||||||
|
|
||||||
// Agree button
|
// Agree button
|
||||||
let button = app.find('button')[0]
|
let button = (await findAsync(app, 'button'))[0]
|
||||||
assert.ok(button, 'button present')
|
assert.ok(button, 'button present')
|
||||||
button.click()
|
button.click()
|
||||||
|
|
||||||
await timeout(1000)
|
|
||||||
|
|
||||||
await skipNotices(app)
|
await skipNotices(app)
|
||||||
|
|
||||||
// secret backup phrase
|
// secret backup phrase
|
||||||
const seedTitle = app.find('.backup-phrase__title')[0]
|
const seedTitle = (await findAsync(app, '.backup-phrase__title'))[0]
|
||||||
assert.equal(seedTitle.textContent, 'Secret Backup Phrase', 'seed phrase screen')
|
assert.equal(seedTitle.textContent, 'Secret Backup Phrase', 'seed phrase screen')
|
||||||
app.find('.backup-phrase__reveal-button').click()
|
;(await findAsync(app, '.backup-phrase__reveal-button')).click()
|
||||||
|
const seedPhrase = (await findAsync(app, '.backup-phrase__secret-words')).text().split(' ')
|
||||||
await timeout(1000)
|
;(await findAsync(app, '.first-time-flow__button')).click()
|
||||||
const seedPhrase = app.find('.backup-phrase__secret-words').text().split(' ')
|
|
||||||
app.find('.first-time-flow__button').click()
|
|
||||||
|
|
||||||
|
await timeout()
|
||||||
const selectPhrase = text => {
|
const selectPhrase = text => {
|
||||||
const option = $('.backup-phrase__confirm-seed-option')
|
const option = $('.backup-phrase__confirm-seed-option')
|
||||||
.filter((i, d) => d.textContent === text)[0]
|
.filter((i, d) => d.textContent === text)[0]
|
||||||
|
|
||||||
$(option).click()
|
$(option).click()
|
||||||
}
|
}
|
||||||
|
|
||||||
await timeout(1000)
|
|
||||||
|
|
||||||
seedPhrase.forEach(sp => selectPhrase(sp))
|
seedPhrase.forEach(sp => selectPhrase(sp))
|
||||||
app.find('.first-time-flow__button').click()
|
;(await findAsync(app, '.first-time-flow__button')).click()
|
||||||
await timeout(1000)
|
|
||||||
|
|
||||||
// Deposit Ether Screen
|
// Deposit Ether Screen
|
||||||
const buyEthTitle = app.find('.buy-ether__title')[0]
|
const buyEthTitle = (await findAsync(app, '.buy-ether__title'))[0]
|
||||||
assert.equal(buyEthTitle.textContent, 'Deposit Ether', 'deposit ether screen')
|
assert.equal(buyEthTitle.textContent, 'Deposit Ether', 'deposit ether screen')
|
||||||
app.find('.buy-ether__do-it-later').click()
|
;(await findAsync(app, '.buy-ether__do-it-later')).click()
|
||||||
await timeout(1000)
|
|
||||||
|
|
||||||
const menu = app.find('.account-menu__icon')[0]
|
const menu = (await findAsync(app, '.account-menu__icon'))[0]
|
||||||
menu.click()
|
menu.click()
|
||||||
|
|
||||||
await timeout()
|
const lock = (await findAsync(app, '.account-menu__logout-button'))[0]
|
||||||
|
|
||||||
const lock = app.find('.account-menu__logout-button')[0]
|
|
||||||
assert.ok(lock, 'Lock menu item found')
|
assert.ok(lock, 'Lock menu item found')
|
||||||
lock.click()
|
lock.click()
|
||||||
|
|
||||||
await timeout(1000)
|
const pwBox2 = (await findAsync(app, '#password-box'))[0]
|
||||||
|
|
||||||
const pwBox2 = app.find('#password-box')[0]
|
|
||||||
pwBox2.value = PASSWORD
|
pwBox2.value = PASSWORD
|
||||||
|
|
||||||
const createButton2 = app.find('button.primary')[0]
|
const createButton2 = (await findAsync(app, 'button.primary'))[0]
|
||||||
createButton2.click()
|
createButton2.click()
|
||||||
|
|
||||||
await timeout(1000)
|
const detail2 = (await findAsync(app, '.wallet-view'))[0]
|
||||||
|
|
||||||
const detail2 = app.find('.wallet-view')[0]
|
|
||||||
assert.ok(detail2, 'Account detail section loaded again.')
|
assert.ok(detail2, 'Account detail section loaded again.')
|
||||||
|
|
||||||
await timeout()
|
|
||||||
|
|
||||||
// open account settings dropdown
|
// open account settings dropdown
|
||||||
const qrButton = app.find('.wallet-view__details-button')[0]
|
const qrButton = (await findAsync(app, '.wallet-view__details-button'))[0]
|
||||||
qrButton.click()
|
qrButton.click()
|
||||||
|
|
||||||
await timeout(1000)
|
const qrHeader = (await findAsync(app, '.editable-label__value'))[0]
|
||||||
|
const qrContainer = (await findAsync(app, '.qr-wrapper'))[0]
|
||||||
const qrHeader = app.find('.editable-label__value')[0]
|
|
||||||
const qrContainer = app.find('.qr-wrapper')[0]
|
|
||||||
assert.equal(qrHeader.textContent, 'Account 1', 'Should show account label.')
|
assert.equal(qrHeader.textContent, 'Account 1', 'Should show account label.')
|
||||||
assert.ok(qrContainer, 'QR Container found')
|
assert.ok(qrContainer, 'QR Container found')
|
||||||
|
|
||||||
await timeout()
|
const networkMenu = (await findAsync(app, '.network-component'))[0]
|
||||||
|
|
||||||
const networkMenu = app.find('.network-component')[0]
|
|
||||||
networkMenu.click()
|
networkMenu.click()
|
||||||
|
|
||||||
await timeout()
|
const networkMenu2 = (await findAsync(app, '.network-indicator'))[0]
|
||||||
|
|
||||||
const networkMenu2 = app.find('.network-indicator')[0]
|
|
||||||
const children2 = networkMenu2.children
|
const children2 = networkMenu2.children
|
||||||
children2.length[3]
|
children2.length[3]
|
||||||
assert.ok(children2, 'All network options present')
|
assert.ok(children2, 'All network options present')
|
||||||
@ -121,18 +97,12 @@ async function runFirstTimeUsageTest (assert, done) {
|
|||||||
|
|
||||||
module.exports = runFirstTimeUsageTest
|
module.exports = runFirstTimeUsageTest
|
||||||
|
|
||||||
function timeout (time) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
setTimeout(resolve, time || 1500)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
async function skipNotices (app) {
|
async function skipNotices (app) {
|
||||||
while (true) {
|
while (true) {
|
||||||
const button = app.find('button')
|
const button = await findAsync(app, 'button')
|
||||||
if (button && button.html() === 'Accept') {
|
if (button && button.html() === 'Accept') {
|
||||||
// still notices to accept
|
// still notices to accept
|
||||||
const termsPage = app.find('.markdown')[0]
|
const termsPage = (await findAsync(app, '.markdown'))[0]
|
||||||
if (!termsPage) {
|
if (!termsPage) {
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user