Merge branch 'develop' into trezor-v5

9 files changed, 2179 insertions, 32 deletions

diff --git a/test/e2e/beta/from-import-beta-ui.spec.js b/test/e2e/beta/from-import-beta-ui.spec.js
index caef99fed..ffb0a10ff 100644
--- a/test/e2e/beta/from-import-beta-ui.spec.js
+++ b/test/e2e/beta/from-import-beta-ui.spec.js
@@ -159,6 +159,7 @@ describe('Using MetaMask with an existing account', function () {
 
     it('clicks through the ToS', async () => {
       // terms of use
+      await delay(largeDelayMs)
       const canClickThrough = await driver.findElement(By.css('.tou button')).isEnabled()
       assert.equal(canClickThrough, false, 'disabled continue button')
       const bottomOfTos = await findElement(driver, By.linkText('Attributions'))
diff --git a/test/e2e/beta/metamask-beta-responsive-ui.spec.js b/test/e2e/beta/metamask-beta-responsive-ui.spec.js
new file mode 100644
index 000000000..b93563b25
--- /dev/null
+++ b/test/e2e/beta/metamask-beta-responsive-ui.spec.js
@@ -0,0 +1,360 @@
+const path = require('path')
+const assert = require('assert')
+const webdriver = require('selenium-webdriver')
+const { By, until } = webdriver
+const {
+  delay,
+  buildChromeWebDriver,
+  buildFirefoxWebdriver,
+  installWebExt,
+  getExtensionIdChrome,
+  getExtensionIdFirefox,
+} = require('../func')
+const {
+  checkBrowserForConsoleErrors,
+  closeAllWindowHandlesExcept,
+  findElement,
+  findElements,
+  loadExtension,
+  verboseReportOnFailure,
+} = require('./helpers')
+
+describe('MetaMask', function () {
+  let extensionId
+  let driver
+
+  const testSeedPhrase = 'phrase upgrade clock rough situate wedding elder clever doctor stamp excess tent'
+  const tinyDelayMs = 200
+  const regularDelayMs = tinyDelayMs * 2
+  const largeDelayMs = regularDelayMs * 2
+
+  this.timeout(0)
+  this.bail(true)
+
+  before(async function () {
+    switch (process.env.SELENIUM_BROWSER) {
+      case 'chrome': {
+        const extPath = path.resolve('dist/chrome')
+        driver = buildChromeWebDriver(extPath, { responsive: true })
+        extensionId = await getExtensionIdChrome(driver)
+        await driver.get(`chrome-extension://${extensionId}/popup.html`)
+        break
+      }
+      case 'firefox': {
+        const extPath = path.resolve('dist/firefox')
+        driver = buildFirefoxWebdriver({ responsive: true })
+        await installWebExt(driver, extPath)
+        await delay(700)
+        extensionId = await getExtensionIdFirefox(driver)
+        await driver.get(`moz-extension://${extensionId}/popup.html`)
+      }
+    }
+  })
+
+  afterEach(async function () {
+    if (process.env.SELENIUM_BROWSER === 'chrome') {
+      const errors = await checkBrowserForConsoleErrors(driver)
+      if (errors.length) {
+        const errorReports = errors.map(err => err.message)
+        const errorMessage = `Errors found in browser console:\n${errorReports.join('\n')}`
+        console.error(new Error(errorMessage))
+      }
+    }
+    if (this.currentTest.state === 'failed') {
+      await verboseReportOnFailure(driver, this.currentTest)
+    }
+  })
+
+  after(async function () {
+    await driver.quit()
+  })
+
+  describe('New UI setup', async function () {
+    it('switches to first tab', async function () {
+      await delay(tinyDelayMs)
+      const [firstTab] = await driver.getAllWindowHandles()
+      await driver.switchTo().window(firstTab)
+      await delay(regularDelayMs)
+    })
+
+    it('selects the new UI option', async () => {
+      try {
+        const overlay = await findElement(driver, By.css('.full-flex-height'))
+        await driver.wait(until.stalenessOf(overlay))
+      } catch (e) {}
+
+      let button
+      try {
+        button = await findElement(driver, By.xpath("//button[contains(text(), 'Try it now')]"))
+      } catch (e) {
+        await loadExtension(driver, extensionId)
+        await delay(largeDelayMs)
+        button = await findElement(driver, By.xpath("//button[contains(text(), 'Try it now')]"))
+      }
+      await button.click()
+      await delay(regularDelayMs)
+
+      // Close all other tabs
+      const [tab0, tab1, tab2] = await driver.getAllWindowHandles()
+      await driver.switchTo().window(tab0)
+      await delay(tinyDelayMs)
+
+      let selectedUrl = await driver.getCurrentUrl()
+      await delay(tinyDelayMs)
+      if (tab0 && selectedUrl.match(/popup.html/)) {
+        await closeAllWindowHandlesExcept(driver, tab0)
+      } else if (tab1) {
+        await driver.switchTo().window(tab1)
+        selectedUrl = await driver.getCurrentUrl()
+        await delay(tinyDelayMs)
+        if (selectedUrl.match(/popup.html/)) {
+          await closeAllWindowHandlesExcept(driver, tab1)
+        } else if (tab2) {
+          await driver.switchTo().window(tab2)
+          selectedUrl = await driver.getCurrentUrl()
+          selectedUrl.match(/popup.html/) && await closeAllWindowHandlesExcept(driver, tab2)
+        }
+      } else {
+        throw new Error('popup.html not found')
+      }
+      await delay(regularDelayMs)
+      const [appTab] = await driver.getAllWindowHandles()
+      await driver.switchTo().window(appTab)
+      await delay(tinyDelayMs)
+
+      await loadExtension(driver, extensionId)
+      await delay(regularDelayMs)
+
+      const continueBtn = await findElement(driver, By.css('.welcome-screen__button'))
+      await continueBtn.click()
+      await delay(regularDelayMs)
+    })
+  })
+
+  describe('Going through the first time flow', () => {
+    it('accepts a secure password', async () => {
+      const passwordBox = await findElement(driver, By.css('.create-password #create-password'))
+      const passwordBoxConfirm = await findElement(driver, By.css('.create-password #confirm-password'))
+      const button = await findElement(driver, By.css('.create-password button'))
+
+      await passwordBox.sendKeys('correct horse battery staple')
+      await passwordBoxConfirm.sendKeys('correct horse battery staple')
+      await button.click()
+      await delay(regularDelayMs)
+    })
+
+    it('clicks through the unique image screen', async () => {
+      const nextScreen = await findElement(driver, By.css('.unique-image button'))
+      await nextScreen.click()
+      await delay(regularDelayMs)
+    })
+
+    it('clicks through the ToS', async () => {
+      // terms of use
+      const canClickThrough = await driver.findElement(By.css('.tou button')).isEnabled()
+      assert.equal(canClickThrough, false, 'disabled continue button')
+      const bottomOfTos = await findElement(driver, By.linkText('Attributions'))
+      await driver.executeScript('arguments[0].scrollIntoView(true)', bottomOfTos)
+      await delay(regularDelayMs)
+      const acceptTos = await findElement(driver, By.css('.tou button'))
+      driver.wait(until.elementIsEnabled(acceptTos))
+      await acceptTos.click()
+      await delay(regularDelayMs)
+    })
+
+    it('clicks through the privacy notice', async () => {
+      // privacy notice
+      const nextScreen = await findElement(driver, By.css('.tou button'))
+      await nextScreen.click()
+      await delay(regularDelayMs)
+    })
+
+    it('clicks through the phishing notice', async () => {
+      // phishing notice
+      const noticeElement = await driver.findElement(By.css('.markdown'))
+      await driver.executeScript('arguments[0].scrollTop = arguments[0].scrollHeight', noticeElement)
+      await delay(regularDelayMs)
+      const nextScreen = await findElement(driver, By.css('.tou button'))
+      await nextScreen.click()
+      await delay(regularDelayMs)
+    })
+
+    let seedPhrase
+
+    it('reveals the seed phrase', async () => {
+      const byRevealButton = By.css('.backup-phrase__secret-blocker .backup-phrase__reveal-button')
+      await driver.wait(until.elementLocated(byRevealButton, 10000))
+      const revealSeedPhraseButton = await findElement(driver, byRevealButton, 10000)
+      await revealSeedPhraseButton.click()
+      await delay(regularDelayMs)
+
+      seedPhrase = await driver.findElement(By.css('.backup-phrase__secret-words')).getText()
+      assert.equal(seedPhrase.split(' ').length, 12)
+      await delay(regularDelayMs)
+
+      const nextScreen = await findElement(driver, By.css('.backup-phrase button'))
+      await nextScreen.click()
+      await delay(regularDelayMs)
+    })
+
+    async function clickWordAndWait (word) {
+      const xpathClass = 'backup-phrase__confirm-seed-option backup-phrase__confirm-seed-option--unselected'
+      const xpath = `//button[@class='${xpathClass}' and contains(text(), '${word}')]`
+      const word0 = await findElement(driver, By.xpath(xpath), 10000)
+
+      await word0.click()
+      await delay(tinyDelayMs)
+    }
+
+    async function retypeSeedPhrase (words, wasReloaded, count = 0) {
+      try {
+        if (wasReloaded) {
+          const byRevealButton = By.css('.backup-phrase__secret-blocker .backup-phrase__reveal-button')
+          await driver.wait(until.elementLocated(byRevealButton, 10000))
+          const revealSeedPhraseButton = await findElement(driver, byRevealButton, 10000)
+          await revealSeedPhraseButton.click()
+          await delay(regularDelayMs)
+
+          const nextScreen = await findElement(driver, By.css('.backup-phrase button'))
+          await nextScreen.click()
+          await delay(regularDelayMs)
+        }
+
+        for (let i = 0; i < 12; i++) {
+          await clickWordAndWait(words[i])
+        }
+      } catch (e) {
+        if (count > 2) {
+          throw e
+        } else {
+          await loadExtension(driver, extensionId)
+          await retypeSeedPhrase(words, true, count + 1)
+        }
+      }
+    }
+
+    it('can retype the seed phrase', async () => {
+      const words = seedPhrase.split(' ')
+
+      await retypeSeedPhrase(words)
+
+      const confirm = await findElement(driver, By.xpath(`//button[contains(text(), 'Confirm')]`))
+      await confirm.click()
+      await delay(regularDelayMs)
+    })
+
+    it('clicks through the deposit modal', async () => {
+      const byBuyModal = By.css('span .modal')
+      const buyModal = await driver.wait(until.elementLocated(byBuyModal))
+      const closeModal = await findElement(driver, By.css('.page-container__header-close'))
+      await closeModal.click()
+      await driver.wait(until.stalenessOf(buyModal))
+      await delay(regularDelayMs)
+    })
+  })
+
+  describe('Show account information', () => {
+    it('show account details dropdown menu', async () => {
+      await driver.findElement(By.css('div.menu-bar__open-in-browser')).click()
+      const options = await driver.findElements(By.css('div.menu.account-details-dropdown div.menu__item'))
+      assert.equal(options.length, 3) // HD Wallet type does not have to show the Remove Account option
+      await delay(regularDelayMs)
+    })
+  })
+
+  describe('Import seed phrase', () => {
+    it('logs out of the vault', async () => {
+      await driver.findElement(By.css('.account-menu__icon')).click()
+      await delay(regularDelayMs)
+
+      const logoutButton = await findElement(driver, By.css('.account-menu__logout-button'))
+      assert.equal(await logoutButton.getText(), 'Log out')
+      await logoutButton.click()
+      await delay(regularDelayMs)
+    })
+
+    it('imports seed phrase', async () => {
+      const restoreSeedLink = await findElement(driver, By.css('.unlock-page__link--import'))
+      assert.equal(await restoreSeedLink.getText(), 'Import using account seed phrase')
+      await restoreSeedLink.click()
+      await delay(regularDelayMs)
+
+      const seedTextArea = await findElement(driver, By.css('textarea'))
+      await seedTextArea.sendKeys(testSeedPhrase)
+      await delay(regularDelayMs)
+
+      const passwordInputs = await driver.findElements(By.css('input'))
+      await delay(regularDelayMs)
+
+      await passwordInputs[0].sendKeys('correct horse battery staple')
+      await passwordInputs[1].sendKeys('correct horse battery staple')
+      await driver.findElement(By.css('.first-time-flow__button')).click()
+      await delay(regularDelayMs)
+    })
+
+    it('switches to localhost', async () => {
+      const networkDropdown = await findElement(driver, By.css('.network-name'))
+      await networkDropdown.click()
+      await delay(regularDelayMs)
+
+      const [localhost] = await findElements(driver, By.xpath(`//span[contains(text(), 'Localhost')]`))
+      await localhost.click()
+      await delay(largeDelayMs * 2)
+    })
+
+    it('balance renders', async () => {
+      const balance = await findElement(driver, By.css('.transaction-view-balance__primary-balance'))
+      await driver.wait(until.elementTextMatches(balance, /100\s*ETH/))
+      await delay(regularDelayMs)
+    })
+  })
+
+  describe('Send ETH from inside MetaMask', () => {
+    it('starts to send a transaction', async function () {
+      const sendButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Send')]`))
+      await sendButton.click()
+      await delay(regularDelayMs)
+
+      const inputAddress = await findElement(driver, By.css('input[placeholder="Recipient Address"]'))
+      const inputAmount = await findElement(driver, By.css('.unit-input__input'))
+      await inputAddress.sendKeys('0x2f318C334780961FB129D2a6c30D0763d9a5C970')
+      await inputAmount.sendKeys('1')
+
+      const inputValue = await inputAmount.getAttribute('value')
+      assert.equal(inputValue, '1')
+
+      // Set the gas limit
+      const configureGas = await findElement(driver, By.css('.send-v2__gas-fee-display button'))
+      await configureGas.click()
+      await delay(regularDelayMs)
+
+      const gasModal = await driver.findElement(By.css('span .modal'))
+
+      const save = await findElement(driver, By.xpath(`//button[contains(text(), 'Save')]`))
+      await save.click()
+      await driver.wait(until.stalenessOf(gasModal))
+      await delay(regularDelayMs)
+
+      // Continue to next screen
+      const nextScreen = await findElement(driver, By.xpath(`//button[contains(text(), 'Next')]`))
+      await nextScreen.click()
+      await delay(regularDelayMs)
+    })
+
+    it('confirms the transaction', async function () {
+      const confirmButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Confirm')]`))
+      await confirmButton.click()
+      await delay(largeDelayMs)
+    })
+
+    it('finds the transaction in the transactions list', async function () {
+      const transactions = await findElements(driver, By.css('.transaction-list-item'))
+      assert.equal(transactions.length, 1)
+
+      if (process.env.SELENIUM_BROWSER !== 'firefox') {
+        const txValues = await findElement(driver, By.css('.transaction-list-item__amount--primary'))
+        await driver.wait(until.elementTextMatches(txValues, /-1\s*ETH/), 10000)
+      }
+    })
+  })
+})
diff --git a/test/e2e/beta/metamask-beta-ui.spec.js b/test/e2e/beta/metamask-beta-ui.spec.js
index 5887d0293..2b5c8ee18 100644
--- a/test/e2e/beta/metamask-beta-ui.spec.js
+++ b/test/e2e/beta/metamask-beta-ui.spec.js
@@ -271,17 +271,6 @@ describe('MetaMask', function () {
       await driver.wait(until.stalenessOf(accountModal))
       await delay(regularDelayMs)
     })
-    it('show account details dropdown menu', async () => {
-
-      const {width, height} = await driver.manage().window().getSize()
-      driver.manage().window().setSize(320, 480)
-      await driver.findElement(By.css('div.menu-bar__open-in-browser')).click()
-      const options = await driver.findElements(By.css('div.menu.account-details-dropdown div.menu__item'))
-      assert.equal(options.length, 3) // HD Wallet type does not have to show the Remove Account option
-      await delay(regularDelayMs)
-      driver.manage().window().setSize(width, height)
-
-    })
   })
 
   describe('Enable privacy mode', () => {
@@ -495,6 +484,142 @@ describe('MetaMask', function () {
     })
   })
 
+  describe('Navigate transactions', () => {
+    it('adds multiple transactions', async () => {
+      await delay(regularDelayMs)
+
+      await waitUntilXWindowHandles(driver, 2)
+      const windowHandles = await driver.getAllWindowHandles()
+      const extension = windowHandles[0]
+      const dapp = windowHandles[1]
+
+      await driver.switchTo().window(dapp)
+      await delay(regularDelayMs)
+
+      const send3eth = await findElement(driver, By.xpath(`//button[contains(text(), 'Send')]`), 10000)
+      await send3eth.click()
+      await delay(regularDelayMs)
+
+      const contractDeployment = await findElement(driver, By.xpath(`//button[contains(text(), 'Deploy Contract')]`), 10000)
+      await contractDeployment.click()
+      await delay(regularDelayMs)
+
+      await send3eth.click()
+      await contractDeployment.click()
+      await delay(regularDelayMs)
+
+      await driver.switchTo().window(extension)
+      await delay(regularDelayMs)
+
+      const transactions = await findElements(driver, By.css('.transaction-list-item'))
+      await transactions[3].click()
+      await delay(regularDelayMs)
+    })
+
+    it('navigates the transactions', async () => {
+      let navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      assert.equal(navigateTxButtons.length, 4, 'navigation button present')
+
+      await navigateTxButtons[2].click()
+      let navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      let navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('2'), true, 'changed transaction right')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[2].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('3'), true, 'changed transaction right')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[2].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('4'), true, 'changed transaction right')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[0].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('1'), true, 'navigate to first transaction')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[3].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.split('4').length, 3, 'navigate to last transaction')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[1].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('3'), true, 'changed transaction left')
+
+      navigateTxButtons = await findElements(driver, By.css('.confirm-page-container-navigation__arrow'))
+      await navigateTxButtons[1].click()
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('2'), true, 'changed transaction left')
+    })
+
+    it('adds a transaction while confirm screen is in focus', async () => {
+      let navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      let navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('2'), true, 'second transaction in focus')
+
+      const windowHandles = await driver.getAllWindowHandles()
+      const extension = windowHandles[0]
+      const dapp = windowHandles[1]
+
+      await driver.switchTo().window(dapp)
+      await delay(regularDelayMs)
+
+      const send3eth = await findElement(driver, By.xpath(`//button[contains(text(), 'Send')]`), 10000)
+      await send3eth.click()
+      await delay(regularDelayMs)
+
+      await driver.switchTo().window(extension)
+      await delay(regularDelayMs)
+
+      navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('3'), true, 'correct transaction in focus')
+    })
+
+    it('confirms a transaction', async () => {
+      const confirmButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Confirm')]`), 10000)
+      await confirmButton.click()
+      await delay(regularDelayMs)
+
+      const navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      const navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('4'), true, 'transaction confirmed')
+    })
+
+    it('rejects a transaction', async () => {
+      const rejectButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Reject')]`), 10000)
+      await rejectButton.click()
+      await delay(regularDelayMs)
+
+      const navigationElement = await findElement(driver, By.css('.confirm-page-container-navigation'))
+      const navigationText = await navigationElement.getText()
+      assert.equal(navigationText.includes('3'), true, 'transaction rejected')
+    })
+
+    it('rejects the rest of the transactions', async () => {
+      const rejectAllButton = await findElement(driver, By.xpath(`//a[contains(text(), 'Reject 3')]`), 10000)
+      await rejectAllButton.click()
+      await delay(regularDelayMs)
+
+      const rejectButton = await findElement(driver, By.xpath(`//button[contains(text(), 'Reject All')]`), 10000)
+      await rejectButton.click()
+      await delay(largeDelayMs * 2)
+
+      const confirmedTxes = await findElements(driver, By.css('.transaction-list__completed-transactions .transaction-list-item'))
+      assert.equal(confirmedTxes.length, 3, '3 transactions present')
+    })
+  })
+
   describe('Deploy contract and call contract methods', () => {
     let extension
     let dapp
@@ -542,7 +667,7 @@ describe('MetaMask', function () {
 
       driver.wait(async () => {
         const confirmedTxes = await findElements(driver, By.css('.transaction-list__completed-transactions .transaction-list-item'))
-        return confirmedTxes.length === 3
+        return confirmedTxes.length === 4
       }, 10000)
 
       const txAction = await findElements(driver, By.css('.transaction-list-item__action'))
@@ -599,7 +724,7 @@ describe('MetaMask', function () {
 
       driver.wait(async () => {
         const confirmedTxes = await findElements(driver, By.css('.transaction-list__completed-transactions .transaction-list-item'))
-        return confirmedTxes.length === 4
+        return confirmedTxes.length === 5
       }, 10000)
 
       const txValues = await findElements(driver, By.css('.transaction-list-item__amount--primary'))
@@ -631,7 +756,7 @@ describe('MetaMask', function () {
 
       driver.wait(async () => {
         const confirmedTxes = await findElements(driver, By.css('.transaction-list__completed-transactions .transaction-list-item'))
-        return confirmedTxes.length === 5
+        return confirmedTxes.length === 6
       }, 10000)
 
       const txValues = await findElement(driver, By.css('.transaction-list-item__amount--primary'))
@@ -645,9 +770,9 @@ describe('MetaMask', function () {
       const balance = await findElement(driver, By.css('.transaction-view-balance__primary-balance'))
       await delay(regularDelayMs)
       if (process.env.SELENIUM_BROWSER !== 'firefox') {
-        await driver.wait(until.elementTextMatches(balance, /^92.*\s*ETH.*$/), 10000)
+        await driver.wait(until.elementTextMatches(balance, /^89.*\s*ETH.*$/), 10000)
         const tokenAmount = await balance.getText()
-        assert.ok(/^92.*\s*ETH.*$/.test(tokenAmount))
+        assert.ok(/^89.*\s*ETH.*$/.test(tokenAmount))
         await delay(regularDelayMs)
       }
     })
diff --git a/test/e2e/beta/run-all.sh b/test/e2e/beta/run-all.sh
index c51f19fdf..f2705da4c 100755
--- a/test/e2e/beta/run-all.sh
+++ b/test/e2e/beta/run-all.sh
@@ -7,4 +7,5 @@ set -o pipefail
 export PATH="$PATH:./node_modules/.bin"
 
 shell-parallel -s 'npm run ganache:start -- -b 2' -x 'sleep 5 && static-server test/e2e/beta/contract-test --port 8080' -x 'sleep 5 && mocha test/e2e/beta/metamask-beta-ui.spec'
+shell-parallel -s 'npm run ganache:start -- -b 2' -x 'sleep 5 && static-server test/e2e/beta/contract-test --port 8080' -x 'sleep 5 && mocha test/e2e/beta/metamask-beta-responsive-ui.spec'
 shell-parallel -s 'npm run ganache:start -- -d -b 2'  -x 'sleep 5 && mocha test/e2e/beta/from-import-beta-ui.spec'
diff --git a/test/e2e/func.js b/test/e2e/func.js
index 13dfb82f9..5301d78ae 100644
--- a/test/e2e/func.js
+++ b/test/e2e/func.js
@@ -56,23 +56,31 @@ async function setupBrowserAndExtension ({ browser, extPath }) {
   return { driver, extensionId, extensionUri }
 }
 
-function buildChromeWebDriver (extPath) {
+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: [
-          `load-extension=${extPath}`,
-          `user-data-dir=${tmpProfile}`,
-        ],
+        args,
         binary: process.env.SELENIUM_CHROME_BINARY,
       },
     })
     .build()
 }
 
-function buildFirefoxWebdriver () {
-  return new webdriver.Builder().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) {
diff --git a/test/integration/lib/navigate-txs.js b/test/integration/lib/navigate-txs.js
new file mode 100644
index 000000000..0679d6b00
--- /dev/null
+++ b/test/integration/lib/navigate-txs.js
@@ -0,0 +1,87 @@
+const reactTriggerChange = require('react-trigger-change')
+const {
+  timeout,
+  queryAsync,
+} = require('../../lib/util')
+
+QUnit.module('navigate txs')
+
+QUnit.test('successful navigate', (assert) => {
+  const done = assert.async()
+  runNavigateTxsFlowTest(assert)
+    .then(done)
+    .catch(err => {
+      assert.notOk(err, `Error was thrown: ${err.stack}`)
+      done()
+    })
+})
+
+async function runNavigateTxsFlowTest (assert, done) {
+  const selectState = await queryAsync($, 'select')
+
+  selectState.val('navigate txs')
+  reactTriggerChange(selectState[0])
+
+  // Confirm navigation buttons present
+  let navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  assert.ok(navigateTxButtons[0], 'navigation button present')
+  assert.ok(navigateTxButtons[1], 'navigation button present')
+  assert.ok(navigateTxButtons[2], 'navigation button present')
+  assert.ok(navigateTxButtons[3], 'navigation button present')
+
+  // Verify number of transactions present
+  let trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.includes('1'), true, 'starts on first')
+
+  // Verify correct route
+  let summaryAction = await queryAsync($, '.confirm-page-container-summary__action')
+  assert.equal(summaryAction[0].innerText, 'CONTRACT DEPLOYMENT', 'correct route')
+
+  // Click navigation button
+  navigateTxButtons[2].click()
+  await timeout(2000)
+
+  // Verify transaction changed to num 2 and routed correctly
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.includes('2'), true, 'changed transaction right')
+  summaryAction = await queryAsync($, '.confirm-page-container-summary__action')
+  // assert.equal(summaryAction[0].innerText, 'CONFIRM', 'correct route')
+
+  // Click navigation button
+  navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  navigateTxButtons[2].click()
+
+  // Verify transation changed to num 3 and routed correctly
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.includes('3'), true, 'changed transaction right')
+  summaryAction = await queryAsync($, '.confirm-page-container-summary__action')
+  assert.equal(summaryAction[0].innerText, 'CONFIRM', 'correct route')
+
+  // Click navigation button
+  navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  navigateTxButtons[2].click()
+
+  // Verify transation changed to num 4 and routed correctly
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.split('4').length, 3, '4 transactions present')
+  summaryAction = await queryAsync($, '.confirm-page-container-summary__action')
+  assert.equal(summaryAction[0].innerText, 'TRANSFER', 'correct route')
+
+  // Verify left arrow is working correctly
+  navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  navigateTxButtons[1].click()
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.includes('3'), true, 'changed transaction left')
+
+  // Verify navigate to last transaction is working correctly
+  navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  navigateTxButtons[3].click()
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.split('4').length, 3, 'navigate to last transaction')
+
+  // Verify navigate to first transaction is working correctly
+  navigateTxButtons = await queryAsync($, '.confirm-page-container-navigation__arrow')
+  navigateTxButtons[0].click()
+  trxNum = await queryAsync($, '.confirm-page-container-navigation')
+  assert.equal(trxNum[0].innerText.includes('1'), true, 'navigate to first transaction')
+}
diff --git a/test/unit/app/controllers/token-rates-controller.js b/test/unit/app/controllers/token-rates-controller.js
index 28e583d8d..ccc279cbe 100644
--- a/test/unit/app/controllers/token-rates-controller.js
+++ b/test/unit/app/controllers/token-rates-controller.js
@@ -17,13 +17,4 @@ describe('TokenRatesController', () => {
     assert.strictEqual(stub.getCall(0).args[1], 1337)
     stub.restore()
   })
-
-  it('should fetch each token rate based on address', async () => {
-    const controller = new TokenRatesController()
-    controller.isActive = true
-    controller.fetchExchangeRate = address => address
-    controller.tokens = [{ address: 'foo' }, { address: 'bar' }]
-    await controller.updateExchangeRates()
-    assert.deepEqual(controller.store.getState().contractExchangeRates, { foo: 'foo', bar: 'bar' })
-  })
 })
diff --git a/test/unit/ui/app/reducers/app.spec.js b/test/unit/ui/app/reducers/app.spec.js
new file mode 100644
index 000000000..bee4963e5
--- /dev/null
+++ b/test/unit/ui/app/reducers/app.spec.js
@@ -0,0 +1,998 @@
+import assert from 'assert'
+import reduceApp from '../../../../../ui/app/reducers/app'
+import * as actions from '../../../../../ui/app/actions'
+
+describe('App State', () => {
+
+  const metamaskState = {
+    metamask: {
+      selectedAddress: '0xAddress',
+      identities: {
+        '0xAddress': {
+          name: 'account 1',
+          address: '0xAddress',
+        },
+      },
+    },
+  }
+
+  it('App init state', () => {
+    const initState = reduceApp(metamaskState, {})
+
+    assert(initState)
+  })
+
+  it('sets networkd dropdown to true', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.NETWORK_DROPDOWN_OPEN,
+    })
+
+    assert.equal(state.networkDropdownOpen, true)
+  })
+
+  it('sets networkd dropdown to false', () => {
+    const dropdown = { networkDropdowopen: true }
+    const state = {...metamaskState, ...dropdown}
+    const newState = reduceApp(state, {
+      type: actions.NETWORK_DROPDOWN_CLOSE,
+    })
+
+    assert.equal(newState.networkDropdownOpen, false)
+  })
+
+  it('opens sidebar', () => {
+    const value = {
+      'transitionName': 'sidebar-right',
+      'type': 'wallet-view',
+      'isOpen': true,
+    }
+    const state = reduceApp(metamaskState, {
+      type: actions.SIDEBAR_OPEN,
+      value,
+    })
+
+    assert.deepEqual(state.sidebar, value)
+  })
+
+  it('closes sidebar', () => {
+    const openSidebar = { sidebar: { isOpen: true }}
+    const state = {...metamaskState, ...openSidebar}
+
+    const newState = reduceApp(state, {
+      type: actions.SIDEBAR_CLOSE,
+    })
+
+    assert.equal(newState.sidebar.isOpen, false)
+  })
+
+  it('opens alert', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.ALERT_OPEN,
+      value: 'test message',
+    })
+
+    assert.equal(state.alertOpen, true)
+    assert.equal(state.alertMessage, 'test message')
+  })
+
+  it('closes alert', () => {
+    const alert = { alertOpen: true, alertMessage: 'test message' }
+    const state = {...metamaskState, ...alert}
+    const newState = reduceApp(state, {
+      type: actions.ALERT_CLOSE,
+    })
+
+    assert.equal(newState.alertOpen, false)
+    assert.equal(newState.alertMessage, null)
+  })
+
+  it('detects qr code data', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.QR_CODE_DETECTED,
+      value: 'qr data',
+    })
+
+    assert.equal(state.qrCodeData, 'qr data')
+  })
+
+  it('opens modal', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.MODAL_OPEN,
+      payload: {
+        name: 'test',
+      },
+    })
+
+    assert.equal(state.modal.open, true)
+    assert.equal(state.modal.modalState.name, 'test')
+  })
+
+  it('closes modal, but moves open modal state to previous modal state', () => {
+    const opensModal = {
+      modal: {
+        open: true,
+        modalState: {
+          name: 'test',
+        },
+      },
+    }
+
+    const state = { ...metamaskState, appState: { ...opensModal } }
+    const newState = reduceApp(state, {
+      type: actions.MODAL_CLOSE,
+    })
+
+
+    assert.equal(newState.modal.open, false)
+    assert.equal(newState.modal.modalState.name, null)
+  })
+
+  it('tansitions forwards', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.TRANSITION_FORWARD,
+    })
+
+    assert.equal(state.transForward, true)
+  })
+
+  it('transition backwards', () => {
+    const transitionForwardState = { transitionForward: true }
+
+    const state = { ...metamaskState, ...transitionForwardState }
+    const newState = reduceApp(state, {
+      type: actions.TRANSITION_BACKWARD,
+    })
+
+    assert.equal(newState.transForward, false)
+  })
+
+  it('shows create vault', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_CREATE_VAULT,
+    })
+
+    assert.equal(state.currentView.name, 'createVault')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('shows restore vault', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_RESTORE_VAULT,
+    })
+
+    assert.equal(state.currentView.name, 'restoreVault')
+    assert.equal(state.transForward, true)
+    assert.equal(state.forgottenPassword, true)
+  })
+
+  it('sets forgot password', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.FORGOT_PASSWORD,
+      value: true,
+    })
+
+    assert.equal(state.currentView.name, 'restoreVault')
+  })
+
+  it('shows init menu', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_INIT_MENU,
+    })
+
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, '0xAddress')
+  })
+
+  it('shows config page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_CONFIG_PAGE,
+      value: true,
+    })
+
+    assert.equal(state.currentView.name, 'config')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('shows add token page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_ADD_TOKEN_PAGE,
+      value: true,
+    })
+
+    assert.equal(state.currentView.name, 'add-token')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('shows add suggested token page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_ADD_SUGGESTED_TOKEN_PAGE,
+      value: true,
+    })
+
+    assert.equal(state.currentView.name, 'add-suggested-token')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('shows import page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_IMPORT_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'import-menu')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('shows new account page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_NEW_ACCOUNT_PAGE,
+      formToSelect: 'context',
+    })
+
+    assert.equal(state.currentView.name, 'new-account-page')
+    assert.equal(state.currentView.context, 'context')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('sets new account form', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SET_NEW_ACCOUNT_FORM,
+      formToSelect: 'context',
+    })
+
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, 'context')
+  })
+
+  it('shows info page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_INFO_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'info')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('creates new vault in progress', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.CREATE_NEW_VAULT_IN_PROGRESS,
+    })
+
+    assert.equal(state.currentView.name, 'createVault')
+    assert.equal(state.currentView.inProgress, true)
+    assert.equal(state.transForward, true)
+    assert.equal(state.isLoading, true)
+  })
+
+  it('shows new vault seed', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_NEW_VAULT_SEED,
+      value: 'test seed words',
+    })
+
+    assert.equal(state.currentView.name, 'createVaultComplete')
+    assert.equal(state.currentView.seedWords, 'test seed words')
+    assert.equal(state.transForward, true)
+    assert.equal(state.isLoading, false)
+  })
+
+  it('shows new account screen', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.NEW_ACCOUNT_SCREEN,
+    })
+
+    assert.equal(state.currentView.name, 'new-account')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('shows send page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_SEND_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'sendTransaction')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('shows send token page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_SEND_TOKEN_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'sendToken')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('shows new keychain', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_NEW_KEYCHAIN,
+    })
+
+    assert.equal(state.currentView.name, 'newKeychain')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, true)
+  })
+
+  it('unlocks Metamask', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.UNLOCK_METAMASK,
+    })
+
+    assert.equal(state.forgottenPassword, null)
+    assert.deepEqual(state.detailView, {})
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('locks Metamask', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.LOCK_METAMASK,
+    })
+
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+  })
+
+  it('goes back to init menu', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.BACK_TO_INIT_MENU,
+    })
+
+    assert.equal(state.currentView.name, 'InitMenu')
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+    assert.equal(state.forgottenPassword, true)
+  })
+
+  it('goes back to unlock view', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.BACK_TO_UNLOCK_VIEW,
+    })
+
+    assert.equal(state.currentView.name, 'UnlockScreen')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+    assert.equal(state.forgottenPassword, false)
+  })
+
+  it('reveals seed words', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.REVEAL_SEED_CONFIRMATION,
+    })
+
+    assert.equal(state.currentView.name, 'reveal-seed-conf')
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+  })
+
+  it('sets selected account', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SET_SELECTED_ACCOUNT,
+      value: 'active address',
+    })
+
+    assert.equal(state.activeAddress, 'active address')
+  })
+
+  it('goes home', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.GO_HOME,
+    })
+
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.accountDetail.subview, 'transactions')
+    assert.equal(state.accountDetail.accountExport, 'none')
+    assert.equal(state.accountDetail.privateKey, '')
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+
+  })
+
+  it('shows account detail', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_ACCOUNT_DETAIL,
+      value: 'context address',
+    })
+    assert.equal(state.forgottenPassword, null) // default
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, 'context address')
+    assert.equal(state.accountDetail.subview, 'transactions') // default
+    assert.equal(state.accountDetail.accountExport, 'none') // default
+    assert.equal(state.accountDetail.privateKey, '') // default
+    assert.equal(state.transForward, false)
+
+  })
+
+  it('goes back to account detail', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.BACK_TO_ACCOUNT_DETAIL,
+      value: 'context address',
+    })
+    assert.equal(state.forgottenPassword, null) // default
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, 'context address')
+    assert.equal(state.accountDetail.subview, 'transactions') // default
+    assert.equal(state.accountDetail.accountExport, 'none') // default
+    assert.equal(state.accountDetail.privateKey, '') // default
+    assert.equal(state.transForward, false)
+
+  })
+
+  it('shoes account page', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_ACCOUNTS_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'accounts')
+    assert.equal(state.currentView.seedWords, undefined)
+    assert.equal(state.transForward, true)
+    assert.equal(state.isLoading, false)
+    assert.equal(state.warning, null)
+    assert.equal(state.scrollToBottom, false)
+    assert.equal(state.forgottenPassword, false)
+  })
+
+  it('shows notice', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_NOTICE,
+    })
+
+    assert.equal(state.transForward, true)
+    assert.equal(state.isLoading, false)
+  })
+
+  it('reveals account', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.REVEAL_ACCOUNT,
+    })
+    assert.equal(state.scrollToBottom, true)
+  })
+
+  it('shows confirm tx page', () => {
+    const txs = {
+      unapprovedTxs: {
+        1: {
+          id: 1,
+        },
+        2: {
+          id: 2,
+        },
+      },
+    }
+    const oldState = {
+      metamask: {...metamaskState.metamask, ...txs},
+    }
+    const state = reduceApp(oldState, {
+      type: actions.SHOW_CONF_TX_PAGE,
+      id: 2,
+      transForward: false,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 1)
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+    assert.equal(state.isLoading, false)
+
+  })
+
+  it('shows confirm msg page', () => {
+    const msgs = {
+      unapprovedMsgs: {
+        1: {
+          id: 1,
+        },
+        2: {
+          id: 2,
+        },
+      },
+    }
+
+    const oldState = {
+      metamask: {...metamaskState, ...msgs},
+    }
+
+    const state = reduceApp(oldState, {
+      type: actions.SHOW_CONF_MSG_PAGE,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 0)
+    assert.equal(state.transForward, true)
+    assert.equal(state.warning, null)
+    assert.equal(state.isLoading, false)
+
+  })
+
+  it('completes tx continues to show pending txs current view context', () => {
+    const txs = {
+      unapprovedTxs: {
+        1: {
+          id: 1,
+        },
+        2: {
+          id: 2,
+        },
+      },
+    }
+
+    const oldState = {
+      metamask: {...metamaskState, ...txs},
+    }
+
+    const state = reduceApp(oldState, {
+      type: actions.COMPLETED_TX,
+      value: 1,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 0)
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+  })
+
+  it('returns to account detail page when no unconf actions completed tx', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.COMPLETED_TX,
+    })
+
+    assert.equal(state.currentView.name, 'accountDetail')
+    assert.equal(state.currentView.context, '0xAddress')
+    assert.equal(state.transForward, false)
+    assert.equal(state.warning, null)
+    assert.equal(state.accountDetail.subview, 'transactions')
+
+  })
+
+  it('proceeds to change current view context in confTx', () => {
+
+    const oldState = {
+      metamask: {metamaskState},
+      appState: {currentView: {context: 0}},
+    }
+
+    const state = reduceApp(oldState, {
+      type: actions.NEXT_TX,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 1)
+    assert.equal(state.warning, null)
+  })
+
+  it('views pending tx', () => {
+    const txs = {
+      unapprovedTxs: {
+        1: {
+          id: 1,
+        },
+        2: {
+          id: 2,
+        },
+      },
+    }
+
+
+    const oldState = {
+      metamask: {...metamaskState, ...txs},
+    }
+
+    const state = reduceApp(oldState, {
+      type: actions.VIEW_PENDING_TX,
+      value: 2,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 1)
+    assert.equal(state.warning, null)
+  })
+
+  it('views previous tx', () => {
+    const txs = {
+      unapprovedTxs: {
+        1: {
+          id: 1,
+        },
+        2: {
+          id: 2,
+        },
+      },
+    }
+
+
+    const oldState = {
+      metamask: {...metamaskState, ...txs},
+    }
+
+    const state = reduceApp(oldState, {
+      type: actions.VIEW_PENDING_TX,
+      value: 2,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.context, 1)
+    assert.equal(state.warning, null)
+  })
+
+  it('sets error message in confTx view', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.TRANSACTION_ERROR,
+    })
+
+    assert.equal(state.currentView.name, 'confTx')
+    assert.equal(state.currentView.errorMessage, 'There was a problem submitting this transaction.')
+  })
+
+  it('sets default warning when unlock fails', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.UNLOCK_FAILED,
+    })
+
+    assert.equal(state.warning, 'Incorrect password. Try again.')
+  })
+
+  it('sets default warning when unlock fails', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.UNLOCK_FAILED,
+      value: 'errors',
+    })
+
+    assert.equal(state.warning, 'errors')
+  })
+
+  it('sets warning to empty string when unlock succeeds', () => {
+    const errorState = { warning: 'errors' }
+    const oldState = {...metamaskState, ...errorState}
+    const state = reduceApp(oldState, {
+      type: actions.UNLOCK_SUCCEEDED,
+    })
+
+    assert.equal(state.warning, '')
+  })
+
+  it('sets hardware wallet default hd path', () => {
+    const hdPaths = {
+      trezor: "m/44'/60'/0'/0",
+      ledger: "m/44'/60'/0'",
+    }
+    const state = reduceApp(metamaskState, {
+      type: actions.SET_HARDWARE_WALLET_DEFAULT_HD_PATH,
+      value: {
+        device: 'ledger',
+        path: "m/44'/60'/0'",
+      },
+    })
+
+    assert.deepEqual(state.defaultHdPaths, hdPaths)
+  })
+
+  it('shows loading message', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_LOADING,
+      value: 'loading',
+    })
+
+    assert.equal(state.isLoading, true)
+    assert.equal(state.loadingMessage, 'loading')
+  })
+
+  it('hides loading message', () => {
+    const loadingState = { isLoading: true}
+    const oldState = {...metamaskState, ...loadingState}
+
+    const state = reduceApp(oldState, {
+      type: actions.HIDE_LOADING,
+    })
+
+    assert.equal(state.isLoading, false)
+  })
+
+  it('shows sub loading indicator', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_SUB_LOADING_INDICATION,
+    })
+
+    assert.equal(state.isSubLoading, true)
+  })
+
+  it('hides sub loading indicator', () => {
+    const oldState = {...metamaskState, ...oldState}
+    const state = reduceApp(oldState, {
+      type: actions.HIDE_SUB_LOADING_INDICATION,
+    })
+
+    assert.equal(state.isSubLoading, false)
+  })
+
+  it('displays warning', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.DISPLAY_WARNING,
+      value: 'warning',
+    })
+
+    assert.equal(state.isLoading, false)
+    assert.equal(state.warning, 'warning')
+  })
+
+  it('hides warning', () => {
+    const displayWarningState = { warning: 'warning'}
+    const oldState = {...metamaskState, ...displayWarningState}
+    const state = reduceApp(oldState, {
+      type: actions.HIDE_WARNING,
+    })
+
+    assert.equal(state.warning, undefined)
+  })
+
+  it('request to display account export', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.REQUEST_ACCOUNT_EXPORT,
+    })
+
+    assert.equal(state.transForward, true)
+    assert.equal(state.accountDetail.subview, 'export')
+    assert.equal(state.accountDetail.accountExport, 'requested')
+  })
+
+  it('completes account export', () => {
+    const requestAccountExportState = {
+      accountDetail: {
+        subview: 'something',
+        accountExport: 'progress',
+      },
+    }
+    const oldState = {...metamaskState, ...requestAccountExportState}
+    const state = reduceApp(oldState, {
+      type: actions.EXPORT_ACCOUNT,
+    })
+
+    assert.equal(state.accountDetail.subview, 'export')
+    assert.equal(state.accountDetail.accountExport, 'completed')
+  })
+
+  it('shows private key', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_PRIVATE_KEY,
+      value: 'private key',
+    })
+
+    assert.equal(state.accountDetail.subview, 'export')
+    assert.equal(state.accountDetail.accountExport, 'completed')
+    assert.equal(state.accountDetail.privateKey, 'private key')
+  })
+
+  it('shows buy eth view', () => {
+
+    const state = reduceApp(metamaskState, {
+      type: actions.BUY_ETH_VIEW,
+      value: '0xAddress',
+    })
+
+    assert.equal(state.currentView.name, 'buyEth')
+    assert.equal(state.currentView.context, 'accountDetail')
+    assert.equal(state.identity.address, '0xAddress')
+    assert.equal(state.buyView.subview, 'Coinbase')
+    assert.equal(state.buyView.amount, '15.00')
+    assert.equal(state.buyView.buyAddress, '0xAddress')
+    assert.equal(state.buyView.formView.coinbase, true)
+    assert.equal(state.buyView.formView.shapeshift, false)
+  })
+
+  it('shows onboarding subview to buy eth', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.ONBOARDING_BUY_ETH_VIEW,
+      value: '0xAddress',
+    })
+
+    assert.equal(state.currentView.name, 'onboardingBuyEth')
+    assert.equal(state.currentView.context, 'accountDetail')
+    assert.equal(state.identity.address, '0xAddress')
+  })
+
+  it('shows coinbase subview', () => {
+    const appState = {
+      appState: {
+        buyView: {
+          buyAddress: '0xAddress',
+          amount: '12.00',
+        },
+      },
+    }
+    const oldState = {...metamaskState, ...appState}
+    const state = reduceApp(oldState, {
+      type: actions.COINBASE_SUBVIEW,
+    })
+
+    assert.equal(state.buyView.subview, 'Coinbase')
+    assert.equal(state.buyView.formView.coinbase, true)
+    assert.equal(state.buyView.buyAddress, '0xAddress')
+    assert.equal(state.buyView.amount, '12.00')
+  })
+
+  it('shows shapeshift subview', () => {
+    const appState = {
+      appState: {
+        buyView: {
+          buyAddress: '0xAddress',
+          amount: '12.00',
+        },
+      },
+    }
+
+    const marketinfo = {
+      pair: 'BTC_ETH',
+      rate: 28.91191106,
+      minerFee: 0.0022,
+      limit: 0.76617432,
+      minimum: 0.00015323,
+      maxLimit: 0.76617432,
+    }
+
+    const coinOptions = {
+      BTC: {
+        symbol: 'BTC',
+        name: 'Bitcoin',
+        image: 'https://shapeshift.io/images/coins/bitcoin.png',
+        imageSmall: 'https://shapeshift.io/images/coins-sm/bitcoin.png',
+        status: 'available',
+        minerFee: 0.00025,
+      },
+    }
+
+    const oldState = {...metamaskState, ...appState}
+
+    const state = reduceApp(oldState, {
+      type: actions.SHAPESHIFT_SUBVIEW,
+      value: {
+        marketinfo,
+        coinOptions,
+      },
+    })
+
+    assert.equal(state.buyView.subview, 'ShapeShift')
+    assert.equal(state.buyView.formView.shapeshift, true)
+    assert.deepEqual(state.buyView.formView.marketinfo, marketinfo)
+    assert.deepEqual(state.buyView.formView.coinOptions, coinOptions)
+    assert.equal(state.buyView.buyAddress, '0xAddress')
+    assert.equal(state.buyView.amount, '12.00')
+  })
+
+  it('updates pair', () => {
+    const coinOptions = {
+      BTC: {
+        symbol: 'BTC',
+        name: 'Bitcoin',
+        image: 'https://shapeshift.io/images/coins/bitcoin.png',
+        imageSmall: 'https://shapeshift.io/images/coins-sm/bitcoin.png',
+        status: 'available',
+        minerFee: 0.00025,
+      },
+    }
+
+    const appState = {
+      appState: {
+        buyView: {
+          buyAddress: '0xAddress',
+          amount: '12.00',
+          formView: {
+            coinOptions,
+          },
+        },
+      },
+    }
+
+    const marketinfo = {
+      pair: 'BTC_ETH',
+      rate: 28.91191106,
+      minerFee: 0.0022,
+      limit: 0.76617432,
+      minimum: 0.00015323,
+      maxLimit: 0.76617432,
+    }
+
+    const oldState = {...metamaskState, ...appState}
+
+    const state = reduceApp(oldState, {
+      type: actions.PAIR_UPDATE,
+      value: {
+        marketinfo,
+      },
+    })
+
+    assert.equal(state.buyView.subview, 'ShapeShift')
+    assert.equal(state.buyView.formView.shapeshift, true)
+    assert.deepEqual(state.buyView.formView.marketinfo, marketinfo)
+    assert.deepEqual(state.buyView.formView.coinOptions, coinOptions)
+    assert.equal(state.buyView.buyAddress, '0xAddress')
+    assert.equal(state.buyView.amount, '12.00')
+  })
+
+  it('shows QR', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SHOW_QR,
+      value: {
+        message: 'message',
+        data: 'data',
+      },
+    })
+
+    assert.equal(state.qrRequested, true)
+    assert.equal(state.transForward, true)
+    assert.equal(state.Qr.message, 'message')
+    assert.equal(state.Qr.data, 'data')
+  })
+
+  it('shows qr view', () => {
+    const appState = {
+      appState: {
+        currentView: {
+          context: 'accounts',
+        },
+      },
+    }
+
+    const oldState = {...metamaskState, ...appState}
+    const state = reduceApp(oldState, {
+      type: actions.SHOW_QR_VIEW,
+      value: {
+        message: 'message',
+        data: 'data',
+      },
+    })
+
+    assert.equal(state.currentView.name, 'qr')
+    assert.equal(state.currentView.context, 'accounts')
+    assert.equal(state.transForward, true)
+    assert.equal(state.Qr.message, 'message')
+    assert.equal(state.Qr.data, 'data')
+  })
+
+  it('set mouse user state', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SET_MOUSE_USER_STATE,
+      value: true,
+    })
+
+    assert.equal(state.isMouseUser, true)
+  })
+
+  it('sets gas loading', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.GAS_LOADING_STARTED,
+    })
+
+    assert.equal(state.gasIsLoading, true)
+  })
+
+  it('unsets gas loading', () => {
+    const gasLoadingState = { gasIsLoading: true }
+    const oldState = {...metamaskState, ...gasLoadingState}
+    const state = reduceApp(oldState, {
+      type: actions.GAS_LOADING_FINISHED,
+    })
+
+    assert.equal(state.gasIsLoading, false)
+  })
+
+  it('sets network nonce', () => {
+    const state = reduceApp(metamaskState, {
+      type: actions.SET_NETWORK_NONCE,
+      value: '33',
+    })
+
+    assert.equal(state.networkNonce, '33')
+  })
+})
diff --git a/test/unit/ui/app/reducers/metamask.spec.js b/test/unit/ui/app/reducers/metamask.spec.js
new file mode 100644
index 000000000..e1a50eef2
--- /dev/null
+++ b/test/unit/ui/app/reducers/metamask.spec.js
@@ -0,0 +1,576 @@
+import assert from 'assert'
+import reduceMetamask from '../../../../../ui/app/reducers/metamask'
+import * as actions from '../../../../../ui/app/actions'
+
+describe('MetaMask Reducers', () => {
+
+  it('init state', () => {
+    const initState = reduceMetamask({metamask:{}}, {})
+    assert(initState)
+  })
+
+  it('sets revealing seed to true and adds seed words to new state', () => {
+    const seedWordsState = reduceMetamask({}, {
+      type: actions.SHOW_NEW_VAULT_SEED,
+      value: 'test seed words',
+    })
+
+    assert.equal(seedWordsState.seedWords, 'test seed words')
+    assert.equal(seedWordsState.isRevealingSeedWords, true)
+  })
+
+  it('shows account page', () => {
+    const seedWordsState = {
+      metamask: {
+        seedwords: 'test seed words',
+        isRevealing: true,
+      },
+    }
+
+    const state = reduceMetamask(seedWordsState, {
+      type: actions.SHOW_ACCOUNTS_PAGE,
+    })
+
+    assert.equal(state.seedWords, undefined)
+    assert.equal(state.isRevealingSeedWords, false)
+  })
+
+  it('shows notice', () => {
+    const notice = {
+      id: 0,
+      read: false,
+      date: 'Date',
+      title: 'Title',
+      body: 'Body',
+    }
+
+    const state = reduceMetamask({}, {
+      type: actions.SHOW_NOTICE,
+      value: notice,
+    })
+
+    assert.equal(state.noActiveNotices, false)
+    assert.equal(state.nextUnreadNotice, notice)
+  })
+
+  it('clears notice', () => {
+
+    const notice = {
+      id: 0,
+      read: false,
+      date: 'Date',
+      title: 'Title',
+      body: 'Body',
+    }
+
+    const noticesState = {
+      metamask: {
+        noActiveNotices: false,
+        nextUnreadNotice: notice,
+      },
+    }
+
+    const state = reduceMetamask(noticesState, {
+      type: actions.CLEAR_NOTICES,
+    })
+
+    assert.equal(state.noActiveNotices, true)
+    assert.equal(state.nextUnreadNotice, null)
+  })
+
+  it('unlocks MetaMask', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UNLOCK_METAMASK,
+      value: 'test address',
+    })
+
+    assert.equal(state.isUnlocked, true)
+    assert.equal(state.isInitialized, true)
+    assert.equal(state.selectedAddress, 'test address')
+  })
+
+  it('locks MetaMask', () => {
+    const unlockMetaMaskState = {
+      metamask: {
+        isUnlocked: true,
+        isInitialzed: false,
+        selectedAddress: 'test address',
+      },
+    }
+    const lockMetaMask = reduceMetamask(unlockMetaMaskState, {
+      type: actions.LOCK_METAMASK,
+    })
+
+    assert.equal(lockMetaMask.isUnlocked, false)
+  })
+
+  it('sets frequent rpc list', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_RPC_LIST,
+      value: 'https://custom.rpc',
+    })
+
+    assert.equal(state.frequentRpcList, 'https://custom.rpc')
+  })
+
+  it('sets rpc target', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_RPC_TARGET,
+      value: 'https://custom.rpc',
+    })
+
+    assert.equal(state.provider.rpcTarget, 'https://custom.rpc')
+  })
+
+  it('sets provider type', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_PROVIDER_TYPE,
+      value: 'provider type',
+    })
+
+    assert.equal(state.provider.type, 'provider type')
+  })
+
+  describe('CompletedTx', () => {
+    const oldState = {
+      metamask: {
+        unapprovedTxs: {
+          1: {
+            id: 1,
+            time: 1538495996507,
+            status: 'unapproved',
+            metamaskNetworkId: 4,
+            loadingDefaults: false,
+            txParams: {
+              from: '0xAddress',
+              to: '0xAddress2',
+              value: '0x16345785d8a0000',
+              gas: '0x5208',
+              gasPrice: '0x3b9aca00',
+            },
+            type: 'standard',
+          },
+          2: {
+            test: 'Should persist',
+          },
+        },
+        unapprovedMsgs: {
+          1: {
+            id: 2,
+            msgParams: {
+              from: '0xAddress',
+              data: '0xData',
+              origin: 'test origin',
+            },
+            time: 1538498521717,
+            status: 'unapproved',
+            type: 'eth_sign',
+          },
+          2: {
+            test: 'Should Persist',
+          },
+        },
+      },
+    }
+
+    it('removes tx from new state if completed in action.', () => {
+
+      const state = reduceMetamask(oldState, {
+        type: actions.COMPLETED_TX,
+        id: 1,
+      })
+
+      assert.equal(Object.keys(state.unapprovedTxs).length, 1)
+      assert.equal(state.unapprovedTxs[2].test, 'Should persist')
+    })
+
+    it('removes msg from new state if completed id in action', () => {
+      const state = reduceMetamask(oldState, {
+        type: actions.COMPLETED_TX,
+        id: 1,
+      })
+
+      assert.equal(Object.keys(state.unapprovedMsgs).length, 1)
+      assert.equal(state.unapprovedTxs[2].test, 'Should persist')
+    })
+  })
+
+  it('shows new vault seed words and sets isRevealingSeedWords to true', () => {
+    const showNewVaultSeedState = reduceMetamask({}, {
+      type: actions.SHOW_NEW_VAULT_SEED,
+      value: 'test seed words',
+    })
+
+    assert.equal(showNewVaultSeedState.isRevealingSeedWords, true)
+    assert.equal(showNewVaultSeedState.seedWords, 'test seed words')
+  })
+
+  it('shows account detail', () => {
+
+    const state = reduceMetamask({}, {
+      type: actions.SHOW_ACCOUNT_DETAIL,
+      value: 'test address',
+    })
+
+    assert.equal(state.isUnlocked, true)
+    assert.equal(state.isInitialized, true)
+    assert.equal(state.selectedAddress, 'test address')
+  })
+
+  it('sets select ', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_SELECTED_TOKEN,
+      value: 'test token',
+    })
+
+    assert.equal(state.selectedTokenAddress, 'test token')
+  })
+
+  it('sets account label', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_ACCOUNT_LABEL,
+      value: {
+        account: 'test account',
+        label: 'test label',
+      },
+    })
+
+    assert.deepEqual(state.identities, { 'test account': { name: 'test label' } })
+  })
+
+  it('sets current fiat', () => {
+    const value = {
+      currentCurrency: 'yen',
+      conversionRate: 3.14,
+      conversionDate: new Date(2018, 9),
+    }
+
+    const state = reduceMetamask({}, {
+      type: actions.SET_CURRENT_FIAT,
+      value,
+    })
+
+    assert.equal(state.currentCurrency, value.currentCurrency)
+    assert.equal(state.conversionRate, value.conversionRate)
+    assert.equal(state.conversionDate, value.conversionDate)
+  })
+
+  it('updates tokens', () => {
+    const newTokens = {
+      'address': '0x617b3f8050a0bd94b6b1da02b4384ee5b4df13f4',
+      'decimals': 18,
+      'symbol': 'META',
+    }
+
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_TOKENS,
+      newTokens,
+    })
+
+    assert.deepEqual(state.tokens, newTokens)
+  })
+
+  it('updates send gas limit', () => {
+
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_GAS_LIMIT,
+      value: '0xGasLimit',
+    })
+
+    assert.equal(state.send.gasLimit, '0xGasLimit')
+  })
+
+  it('updates send gas price', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_GAS_PRICE,
+      value: '0xGasPrice',
+    })
+
+    assert.equal(state.send.gasPrice, '0xGasPrice')
+  })
+
+  it('toggles account menu ', () => {
+    const state = reduceMetamask({}, {
+      type: actions.TOGGLE_ACCOUNT_MENU,
+    })
+
+    assert.equal(state.isAccountMenuOpen, true)
+  })
+
+  it('updates gas total', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_GAS_TOTAL,
+      value: '0xGasTotal',
+    })
+
+    assert.equal(state.send.gasTotal, '0xGasTotal')
+  })
+
+  it('updates send token balance', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_TOKEN_BALANCE,
+      value: '0xTokenBalance',
+    })
+
+    assert.equal(state.send.tokenBalance, '0xTokenBalance')
+  })
+
+  it('updates data', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_HEX_DATA,
+      value: '0xData',
+    })
+
+    assert.equal(state.send.data, '0xData')
+  })
+
+  it('updates send to', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_TO,
+      value: {
+        to: '0xAddress',
+        nickname: 'nickname',
+      },
+    })
+
+    assert.equal(state.send.to, '0xAddress')
+    assert.equal(state.send.toNickname, 'nickname')
+  })
+
+  it('update send from', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_FROM,
+      value: '0xAddress',
+    })
+
+    assert.equal(state.send.from, '0xAddress')
+  })
+
+  it('update send amount', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_AMOUNT,
+      value: '0xAmount',
+    })
+
+    assert.equal(state.send.amount, '0xAmount')
+  })
+
+  it('update send memo', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_SEND_MEMO,
+      value: '0xMemo',
+    })
+
+    assert.equal(state.send.memo, '0xMemo')
+  })
+
+  it('updates max mode', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_MAX_MODE,
+      value: true,
+    })
+
+    assert.equal(state.send.maxModeOn, true)
+  })
+
+  it('update send', () => {
+    const value = {
+      gasLimit: '0xGasLimit',
+      gasPrice: '0xGasPrice',
+      gasTotal: '0xGasTotal',
+      tokenBalance: '0xBalance',
+      from: '0xAddress',
+      to: '0xAddress',
+      toNickname: '',
+      maxModeOn: false,
+      amount: '0xAmount',
+      memo: '0xMemo',
+      errors: {},
+      editingTransactionId: 22,
+      forceGasMin: '0xGas',
+    }
+
+    const sendState = reduceMetamask({}, {
+      type: actions.UPDATE_SEND,
+      value,
+    })
+
+    assert.deepEqual(sendState.send, value)
+  })
+
+  it('clears send', () => {
+    const initStateSend = {
+      send:
+      { gasLimit: null,
+        gasPrice: null,
+        gasTotal: null,
+        tokenBalance: null,
+        from: '',
+        to: '',
+        amount: '0x0',
+        memo: '',
+        errors: {},
+        maxModeOn: false,
+        editingTransactionId: null,
+        forceGasMin: null,
+        toNickname: '' },
+    }
+
+    const sendState = {
+      send: {
+        gasLimit: '0xGasLimit',
+        gasPrice: '0xGasPrice',
+        gasTotal: '0xGasTotal',
+        tokenBalance: '0xBalance',
+        from: '0xAddress',
+        to: '0xAddress',
+        toNickname: '',
+        maxModeOn: false,
+        amount: '0xAmount',
+        memo: '0xMemo',
+        errors: {},
+        editingTransactionId: 22,
+        forceGasMin: '0xGas',
+      },
+    }
+
+
+    const state = reduceMetamask(sendState, {
+      type: actions.CLEAR_SEND,
+    })
+
+    assert.deepEqual(state.send, initStateSend.send)
+  })
+
+  it('updates value of tx by id', () => {
+    const oldState = {
+      metamask: {
+        selectedAddressTxList: [
+          {
+            id: 1,
+            txParams: 'foo',
+          },
+        ],
+      },
+    }
+
+    const state = reduceMetamask(oldState, {
+      type: actions.UPDATE_TRANSACTION_PARAMS,
+      id: 1,
+      value: 'bar',
+    })
+
+    assert.equal(state.selectedAddressTxList[0].txParams, 'bar')
+  })
+
+  it('updates pair for shapeshift', () => {
+    const state = reduceMetamask({}, {
+      type: actions.PAIR_UPDATE,
+      value: {
+        marketinfo: {
+          pair: 'test pair',
+          foo: 'bar',
+        },
+      },
+    })
+    assert.equal(state.tokenExchangeRates['test pair'].pair, 'test pair')
+  })
+
+  it('upates pair and coin options for shapeshift subview', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SHAPESHIFT_SUBVIEW,
+      value: {
+        marketinfo: {
+          pair: 'test pair',
+        },
+        coinOptions: {
+          foo: 'bar',
+        },
+      },
+    })
+
+    assert.equal(state.coinOptions.foo, 'bar')
+    assert.equal(state.tokenExchangeRates['test pair'].pair, 'test pair')
+  })
+
+  it('sets blockies', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_USE_BLOCKIE,
+      value: true,
+    })
+
+    assert.equal(state.useBlockie, true)
+  })
+
+  it('updates feature flag', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_FEATURE_FLAGS,
+      value: {
+        betaUI: true,
+        skipAnnounceBetaUI: true,
+      },
+    })
+
+    assert.equal(state.featureFlags.betaUI, true)
+    assert.equal(state.featureFlags.skipAnnounceBetaUI, true)
+  })
+
+  it('updates network endpoint type', () => {
+    const state = reduceMetamask({}, {
+      type: actions.UPDATE_NETWORK_ENDPOINT_TYPE,
+      value: 'endpoint',
+    })
+
+    assert.equal(state.networkEndpointType, 'endpoint')
+  })
+
+  it('close welcome screen', () => {
+    const state = reduceMetamask({}, {
+      type: actions.CLOSE_WELCOME_SCREEN,
+    })
+
+    assert.equal(state.welcomeScreenSeen, true)
+  })
+
+  it('sets current locale', () => {
+    const state = reduceMetamask({}, {
+      type: actions.SET_CURRENT_LOCALE,
+      value: 'ge',
+    })
+
+    assert.equal(state.currentLocale, 'ge')
+  })
+
+  it('sets pending tokens ', () => {
+    const payload = {
+      'address': '0x617b3f8050a0bd94b6b1da02b4384ee5b4df13f4',
+      'decimals': 18,
+      'symbol': 'META',
+    }
+
+    const pendingTokensState = reduceMetamask({}, {
+      type: actions.SET_PENDING_TOKENS,
+      payload,
+    })
+
+    assert.deepEqual(pendingTokensState.pendingTokens, payload)
+  })
+
+  it('clears pending tokens', () => {
+    const payload = {
+      'address': '0x617b3f8050a0bd94b6b1da02b4384ee5b4df13f4',
+      'decimals': 18,
+      'symbol': 'META',
+    }
+
+    const pendingTokensState = {
+      pendingTokens: payload,
+    }
+
+    const state = reduceMetamask(pendingTokensState, {
+      type: actions.CLEAR_PENDING_TOKENS,
+    })
+
+    assert.deepEqual(state.pendingTokens, {})
+  })
+})