test - use new async selectors for faster testing

feature/default_network_editable
kumavis 7 years ago
parent ecb792ae50
commit 3537c391db
  1. 44
      test/integration/lib/confirm-sig-requests.js
  2. 94
      test/integration/lib/mascara-first-time.js

@ -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…
Cancel
Save