Start adding tests for payments panel

address #3249 Auditors: @bbondy
brave · Sep 1, 2016 · 980e664 · diracdeltas · Sep 1, 2016 · mrose17
1 parent d51c09b
commit 980e664
Show file tree

Hide file tree

Showing 5 changed files with 117 additions and 2 deletions.
diff --git a/app/ledger.js b/app/ledger.js
@@ -1118,8 +1118,11 @@ const pathSuffix = { development: '-dev', test: '-test' }[process.env.NODE_ENV]
 
 var pathName = (name) => {
   var parts = path.parse(name)
+  var basePath = process.env.NODE_ENV === 'test'
+    ? path.join(process.env.HOME, '.brave-test-ledger')
+    : app.getPath('userData')
 
-  return path.join(app.getPath('userData'), parts.name + pathSuffix + parts.ext)
+  return path.join(basePath, parts.name + pathSuffix + parts.ext)
 }
 
 /**

diff --git a/js/about/preferences.js b/js/about/preferences.js
@@ -733,7 +733,7 @@ class PaymentsTab extends ImmutableComponent {
                   </SettingItem>
                 </SettingsList>
               </td>
-              <td data-l10n-id={this.walletStatus.id}
+              <td id='walletStatus' data-l10n-id={this.walletStatus.id}
                 data-l10n-args={this.walletStatus.args ? JSON.stringify(this.walletStatus.args) : null} />
             </tr>
           </tbody>

diff --git a/test/components/ledgerPanelTest.js b/test/components/ledgerPanelTest.js
@@ -0,0 +1,88 @@
+/* global describe, it, beforeEach */
+
+const Brave = require('../lib/brave')
+const {urlInput, addFundsButton, paymentsStatus, paymentsWelcomePage, paymentsTab, walletSwitch} = require('../lib/selectors')
+const assert = require('assert')
+
+const prefsUrl = 'about:preferences'
+
+describe('Payments Panel', function () {
+  function * setup (client) {
+    yield client
+      .waitUntilWindowLoaded()
+      .waitForUrl(Brave.newTabUrl)
+      .waitForBrowserWindow()
+      .waitForVisible('#window')
+      .waitForVisible(urlInput)
+  }
+
+  describe('can setup payments', function () {
+    Brave.beforeEach(this)
+    beforeEach(function * () {
+      yield setup(this.app.client)
+    })
+
+    it('shows welcome page', function * () {
+      yield this.app.client
+        .tabByIndex(0)
+        .loadUrl(prefsUrl)
+        .waitForVisible(paymentsTab)
+        .click(paymentsTab)
+        .waitForVisible(paymentsWelcomePage)
+      let background = yield this.app.client.getCssProperty(walletSwitch, 'background-color')
+      assert.equal(background.value, 'rgba(211,211,211,1)')
+    })
+
+    it('payments can be enabled', function * () {
+      yield this.app.client
+        .tabByIndex(0)
+        .loadUrl(prefsUrl)
+        .waitForVisible(paymentsTab)
+        .click(paymentsTab)
+        .waitForVisible(paymentsWelcomePage)
+        .click(walletSwitch)
+        .windowByUrl(Brave.browserWindowUrl)
+        .waitUntil(function () {
+          return this.getAppState().then((val) => {
+            return val.value.settings['payments.enabled'] === true &&
+              val.value.settings['payments.notifications'] === true
+          })
+        })
+    })
+
+    it('payments can be disabled', function * () {
+      yield this.app.client
+        .tabByIndex(0)
+        .loadUrl(prefsUrl)
+        .waitForVisible(paymentsTab)
+        .click(paymentsTab)
+        .waitForVisible(paymentsWelcomePage)
+        .click(walletSwitch)
+        .click(walletSwitch)
+        .windowByUrl(Brave.browserWindowUrl)
+        .waitUntil(function () {
+          return this.getAppState().then((val) => {
+            return val.value.settings['payments.enabled'] === false &&
+              val.value.settings['payments.notifications'] === false
+          })
+        })
+    })
+
+    it('can create wallet', function * () {
+      yield this.app.client
+        .tabByIndex(0)
+        .loadUrl(prefsUrl)
+        .waitForVisible(paymentsTab)
+        .click(paymentsTab)
+        .waitForVisible(paymentsWelcomePage)
+        .click(walletSwitch)
+        .waitUntil(function () {
+          return this.getText(paymentsStatus).then((val) => val.includes('get started'))
+        })
+        .click(addFundsButton)
+        .waitUntil(function () {
+          return this.getText(paymentsStatus).then((val) => val.includes('Creating'))
+        })
+    })
+  })
+})
diff --git a/test/lib/brave.js b/test/lib/brave.js
@@ -413,10 +413,22 @@ var exports = {
 
   startApp: function (cleanSessionStore = true) {
     if (cleanSessionStore) {
+      let ledgerDir = path.join(process.env.HOME, '.brave-test-ledger')
       try {
         fs.unlinkSync(path.join(process.env.HOME, '.brave-test-session-store-1'))
       } catch (e) {
       }
+      try {
+        ['publisher', 'state', 'scores', 'synopsis'].forEach((name) => {
+          try {
+            fs.unlinkSync(path.join(ledgerDir, `ledger-${name}-test.json`))
+          } catch (e) {
+          }
+        })
+      } catch (e) {
+        // probably ledgerDir does not exist yet
+        fs.mkdirSync(ledgerDir)
+      }
     }
     this.app = new Application({
       path: './node_modules/.bin/electron',

diff --git a/test/lib/selectors.js b/test/lib/selectors.js
@@ -45,8 +45,20 @@ module.exports = {
   clearBrowsingDataPanel: '.clearBrowsingDataPanel',
   clearBrowsingDataButton: '.clearBrowsingDataButton',
   securityTab: '[data-l10n-id="security"]',
+  paymentsTab: '[data-l10n-id="payments"]',
   saveButton: '[data-l10n-id="save"]',
+  walletSwitch: '.enablePaymentsSwitch .switchBackground',
+  addFundsButton: '.addFunds',
+  fundsSelectBox: '#fundsSelectBox',
+  paymentsStatus: '#walletStatus',
+  ledgerTable: '.ledgerTable',
+  bitcoinDashboard: '#bitcoinDashboard',
+  modalCloseButton: 'button.close',
+  coinbaseBuyButton: '[data-l10n-id="add"]',
+  paymentQRCode: '[title="Brave wallet QR code"]',
   deleteButton: '[data-l10n-id="delete"]',
+  paymentHistoryButton: '.paymentHistoryButton',
+  paymentsWelcomePage: '.paymentsMessage',
   autofillAddressPanel: '.autofillAddressPanel',
   autofillCreditCardPanel: '.autofillCreditCardPanel'
 }