const reactTriggerChange = require('react-trigger-change')
const PASSWORD = 'password123'
const runMascaraFirstTimeTest = require('./mascara-first-time')
const {
  timeout,
  findAsync,
} = require('../../lib/util')

QUnit.module('first time usage')

QUnit.test('render init screen', (assert) => {
  const done = assert.async()
  runFirstTimeUsageTest(assert).then(done).catch((err) => {
    assert.notOk(err, `Error was thrown: ${err.stack}`)
    done()
  })
})

async function runFirstTimeUsageTest(assert, done) {
  if (window.METAMASK_PLATFORM_TYPE === 'mascara') {
    return runMascaraFirstTimeTest(assert, done)
  }

  const selectState = $('select')
  selectState.val('first time')
  reactTriggerChange(selectState[0])

  const app = $('#app-content')

  // Selects new ui
  const tryNewUIButton = (await findAsync(app, 'button.negative'))[0]
  tryNewUIButton.click()
  await timeout()

  // recurse notices
  while (true) {
    const button = await findAsync(app, 'button')
    if (button.html() === 'Accept') {
      // still notices to accept
      const termsPageRaw = await findAsync(app, '.markdown')
      const termsPage = (await findAsync(app, '.markdown'))[0]
      console.log('termsPageRaw', termsPageRaw)
      termsPage.scrollTop = termsPage.scrollHeight
      console.log('Clearing notice')
      button.click()
    } else {
      // exit loop
      console.log('No more notices...')
      break
    }
  }

  // Scroll through terms
  const title = (await findAsync(app, 'h1'))[0]
  assert.equal(title.textContent, 'MetaMask', 'title screen')

  // enter password
  const pwBox = (await findAsync(app, '#password-box'))[0]
  const confBox = (await findAsync(app, '#password-box-confirm'))[0]
  pwBox.value = PASSWORD
  confBox.value = PASSWORD

  // create vault
  const createButton = (await findAsync(app, 'button.primary'))[0]
  createButton.click()

  await timeout()
  const created = (await findAsync(app, 'h3'))[0]
  assert.equal(created.textContent, 'Vault Created', 'Vault created screen')

  // Agree button
  const button = (await findAsync(app, 'button'))[0]
  assert.ok(button, 'button present')
  button.click()

  const detail = (await findAsync(app, '.account-detail-section'))[0]
  assert.ok(detail, 'Account detail section loaded.')

  const sandwich = (await findAsync(app, '.sandwich-expando'))[0]
  sandwich.click()

  const menu = (await findAsync(app, '.menu-droppo'))[0]
  const children = menu.children
  const logout = children[2]
  assert.ok(logout, 'Lock menu item found')
  logout.click()

  const pwBox2 = (await findAsync(app, '#password-box'))[0]
  pwBox2.value = PASSWORD

  const createButton2 = (await findAsync(app, 'button.primary'))[0]
  createButton2.click()

  const detail2 = (await findAsync(app, '.account-detail-section'))[0]
  assert.ok(detail2, 'Account detail section loaded again.')

  // open account settings dropdown
  const qrButton = (await findAsync(app, '.fa.fa-ellipsis-h'))[0]
  qrButton.click()

  // qr code item
  const qrButton2 = (await findAsync(app, '.dropdown-menu-item'))[1]
  qrButton2.click()

  const qrHeader = (await findAsync(app, '.qr-header'))[0]
  const qrContainer = (await findAsync(app, '#qr-container'))[0]
  assert.equal(qrHeader.textContent, 'Account 1', 'Should show account label.')
  assert.ok(qrContainer, 'QR Container found')

  const networkMenu = (await findAsync(app, '.network-indicator'))[0]
  networkMenu.click()

  const networkMenu2 = (await findAsync(app, '.network-indicator'))[0]
  const children2 = networkMenu2.children
  children2.length[3]
  assert.ok(children2, 'All network options present')
}
dash-4.17.19</option>
<option value='dependabot/npm_and_yarn/devel/electron6/files/lodash.merge-4.6.2'>dependabot/npm_and_yarn/devel/electron6/files/lodash.merge-4.6.2</option>
<option value='dependabot/npm_and_yarn/devel/electron6/files/node-fetch-2.6.1'>dependabot/npm_and_yarn/devel/electron6/files/node-fetch-2.6.1</option>
<option value='dependabot/npm_and_yarn/devel/electron6/files/serve-10.1.2'>dependabot/npm_and_yarn/devel/electron6/files/serve-10.1.2</option>
<option value='gnome-3.22'>gnome-3.22</option>
<option value='gnome-3.24'>gnome-3.24</option>
<option value='gnome-3.26'>gnome-3.26</option>
<option value='gnome-3.28'>gnome-3.28</option>
<option value='gnome-3.32'>gnome-3.32</option>
<option value='gnome-3.36'>gnome-3.36</option>
<option value='gstreamer'>gstreamer</option>
<option value='gstreamer-1.16'>gstreamer-1.16</option>
<option value='gstreamer0.10-removal'>gstreamer0.10-removal</option>
<option value='main' selected='selected'>main</option>
<option value='master'>master</option>
<option value='mate-1.16'>mate-1.16</option>
<option value='mate-1.18'>mate-1.18</option>
<option value='mate-1.20'>mate-1.20</option>
<option value='mate-1.22'>mate-1.22</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>FreeBSD GNOME current development ports (https://github.com/freebsd/freebsd-ports-gnome)</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/about/'>about</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/'>summary</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/refs/?id=60c9a7fb5e642ef2a539723a082e512e55040074'>refs</a><a class='active' href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/lang/tuareg-mode.el'>log</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/tree/lang/tuareg-mode.el?id=60c9a7fb5e642ef2a539723a082e512e55040074'>tree</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=60c9a7fb5e642ef2a539723a082e512e55040074'>commit</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/diff/lang/tuareg-mode.el?id=60c9a7fb5e642ef2a539723a082e512e55040074'>diff</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/stats/lang/tuareg-mode.el'>stats</a></td><td class='form'><form class='right' method='get' action='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/lang/tuareg-mode.el'>
<input type='hidden' name='id' value='60c9a7fb5e642ef2a539723a082e512e55040074'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/?id=60c9a7fb5e642ef2a539723a082e512e55040074'>root</a>/<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/lang?id=60c9a7fb5e642ef2a539723a082e512e55040074'>lang</a>/<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/lang/tuareg-mode.el?id=60c9a7fb5e642ef2a539723a082e512e55040074'>tuareg-mode.el</a></div><div class='content'><table class='list nowrap'><tr class='nohover'><th></th><th class='left'>Commit message (<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/log/lang/tuareg-mode.el?id=60c9a7fb5e642ef2a539723a082e512e55040074&amp;showmsg=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Age</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=4b9fb5608cd07c313e31cd5eb8770fb3dce62bfa'>Chase Emacs updates</a></td><td>Ashish SHUKLA</td><td><span title='2012-09-05 01:05:43 +0800'>2012-09-05</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=9086f7082dfea2d01eb856224ee4066ced7b510f'>- Add patch to fix breakage with Emacs 24.x</a></td><td>Ashish SHUKLA</td><td><span title='2012-08-13 09:41:10 +0800'>2012-08-13</span></td><td>2</td><td><span class='deletions'>-1</span>/<span class='insertions'>+40</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=f3770c10f91170936ad9d6bef144bcb6b0137ed6'>- Bump PORTREVISION to chase Emacs port updates</a></td><td>Ashish SHUKLA</td><td><span title='2012-08-02 00:50:15 +0800'>2012-08-02</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=2b74a89bc8342f0b9b737c37d87737caf7b0ea1e'>- update png to 1.5.10</a></td><td>Dirk Meyer</td><td><span title='2012-06-01 13:26:28 +0800'>2012-06-01</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=709e7e7325329de0dda4c21027693b08ff6ce862'>- Chase Emacs updates</a></td><td>Ashish SHUKLA</td><td><span title='2012-02-22 21:31:32 +0800'>2012-02-22</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=8f63af93b08f952dc99fd0a01f970b9afb2308f3'>- Chase editors/emacs update</a></td><td>Ashish SHUKLA</td><td><span title='2011-10-17 14:01:31 +0800'>2011-10-17</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports-gnome/commit/lang/tuareg-mode.el?id=dfda2a32ecd361b582905ef8dce4f887672562e2'>Chase editors/emacs update</a></td><td>Ashish SHUKLA</td><td><span title='2011-09-08 04:21:30 +0800'>2011-09-08</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>