some wallet tests

README.md

@@ -77,6 +77,13 @@ $ npm run pack
 $ npm run test
 ```
 
+To see where you are missing coverage, run a test first and then open an http-server at `test/unit/coverage/lcov-report` to see details for the coverage.
+i.e.:
+
+```bash
+$ npm i -g http-server
+$ http-server test/unit/coverage/lcov-report
+```
 
 ## FAQ
 

app/src/renderer/components/wallet/PageBalances.vue

@@ -45,7 +45,7 @@ export default {
     ...mapGetters(['filters', 'wallet']),
     filteredBalances () {
       let query = this.filters.balances.search.query
-      let list = orderBy(this.wallet.balances, ['denom', 'desc'])
+      let list = orderBy(this.wallet.balances, ['denom'], ['desc'])
       if (this.filters.balances.search.visible) {
         return list.filter(i => includes(i.denom.toLowerCase(), query))
       } else {

app/src/renderer/components/wallet/PageReceive.vue

@@ -34,10 +34,7 @@ export default {
     CardNew
   },
   computed: {
-    ...mapGetters([
-      'allAddresses',
-      'allWallets'
-    ]),
+    ...mapGetters(['allAddresses', 'allWallets']),
     addresses () {
       return this.allAddresses.slice().reverse()
     },

app/src/renderer/vuex/modules/filters.js

@@ -36,7 +36,6 @@ export default ({ commit, basecoin }) => {
       state[type].search.visible = bool
     },
     setSearchQuery (state, [type, string]) {
-      console.log('setSearchQuery', type, string)
       state[type].search.query = string
     }
   }

app/src/renderer/vuex/modules/index.js

@@ -1,14 +1,13 @@
-const files = require.context('.', false, /\.js$/)
-const funcs = {}
-files.keys().forEach((key) => {
-  if (key === './index.js') return
-  funcs[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
+export default (opts) => ({
+  candidates: require('./candidates.js').default(opts),
+  config: require('./config.js').default(opts),
+  delegators: require('./delegators.js').default(opts),
+  filters: require('./filters.js').default(opts),
+  node: require('./node.js').default(opts),
+  notifications: require('./notifications.js').default(opts),
+  proposals: require('./proposals.js').default(opts),
+  shoppingCart: require('./shoppingCart.js').default(opts),
+  user: require('./user.js').default(opts),
+  validators: require('./validators.js').default(opts),
+  wallet: require('./wallet.js').default(opts)
 })
-
-export default (opts) => {
-  const modules = {}
-  for (let key in funcs) {
-    modules[key] = funcs[key](opts)
-  }
-  return modules
-}

app/src/renderer/vuex/store.js

@@ -8,6 +8,7 @@ Vue.use(Vuex)
 
 export default (opts = {}) => {
   opts.commit = (...args) => store.commit(...args)
+
   var store = new Vuex.Store({
     actions,
     getters,

package.json

@@ -85,11 +85,12 @@
     "tape-promise": "^2.0.1",
     "tree-kill": "^1.1.0",
     "url-loader": "^0.5.7",
+    "vue": "^2.5.3",
     "vue-hot-reload-api": "^2.0.7",
     "vue-html-loader": "^1.2.2",
-    "vue-loader": "^10.0.2",
+    "vue-loader": "^13.5.0",
     "vue-style-loader": "^1.0.0",
-    "vue-template-compiler": "^2.1.10",
+    "vue-template-compiler": "^2.5.3",
     "webpack": "^2.2.0",
     "webpack-dev-server": "^2.2.0",
     "webpack-merge": "^0.14.1"
@@ -102,7 +103,10 @@
     "@nylira/vue-notifications": "^1.3.0",
     "axios": "^0.17.0",
     "babel-jest": "^21.2.0",
+    "bs58check": "^2.0.2",
     "chart.js": "^2.6.0",
+    "cosmos-delegation-game": "^0.1.2",
+    "cosmos-fundraiser": "^7.14.5",
     "electron": "^1.7.5",
     "flatpickr": "^4.0.6",
     "fs-extra": "^4.0.2",
@@ -120,8 +124,12 @@
     "superagent": "^3.5.2",
     "tail": "^1.2.1",
     "tendermint-crypto": "github:mappum/js-crypto",
+    "vue-test-utils": "^1.0.0-beta.4",
     "vuelidate": "^0.5.0",
-    "websocket-extensions": "^0.1.2"
+    "vuex": "^3.0.1",
+    "web3": "^1.0.0-beta.24",
+    "websocket-extensions": "^0.1.2",
+    "xmlhttprequest": "^1.8.0"
   },
   "jest": {
     "testMatch": [
@@ -135,6 +143,9 @@
       "node_modules",
       "src"
     ],
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/app/src/$1"
+    },
     "transform": {
       ".*.vue$": "jest-vue-preprocessor",
       ".*.js$": "babel-jest"
@@ -155,6 +166,9 @@
       "/test/",
       "/config/"
     ],
-    "testURL": "http://localhost"
+    "testURL": "http://localhost",
+    "setupFiles": [
+      "./test/unit/helpers/setup.js"
+    ]
   }
 }

test/unit/helpers/setup.js

@@ -0,0 +1,4 @@
+import xmlhttprequest from 'xmlhttprequest'
+
+// providing the browser XMLHttpRequest in the node.js process of jest where it is not available
+global.XMLHttpRequest = xmlhttprequest.XMLHttpRequest

test/unit/specs/CardAddress.spec.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import CardAddress from '../../../app/src/renderer/components/wallet/CardAddress'
+
+describe('CardAddress', () => {
+  let Cmp, vm
+  let propsData = {
+    address: 12345678
+  }
+
+  beforeEach(() => {
+    Cmp = Vue.extend(CardAddress)
+    vm = new Cmp({ propsData: propsData }).$mount()
+  })
+
+  it('has the expected html structure', () => {
+    expect(vm.$el).toMatchSnapshot()
+  })
+})

test/unit/specs/CardBalance.spec.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import CardBalance from '../../../app/src/renderer/components/wallet/CardBalance'
+
+describe('CardBalance', () => {
+  let Cmp, vm
+  let propsData = {
+    balance: {
+      denom: 'jbcoin',
+      amount: 1234.56
+    }
+  }
+
+  beforeEach(() => {
+    Cmp = Vue.extend(CardBalance)
+    vm = new Cmp({ propsData: propsData }).$mount()
+  })
+
+  it('has the expected html structure', () => {
+    expect(vm.$el).toMatchSnapshot()
+  })
+})

test/unit/specs/CardNew.spec.js

@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import CardNew from '../../../app/src/renderer/components/wallet/CardNew'
+
+describe('CardNew', () => {
+  let Cmp, vm
+  let propsData = {
+    icon: 'taco',
+    value: 12345678
+  }
+
+  beforeEach(() => {
+    Cmp = Vue.extend(CardNew)
+    vm = new Cmp({ propsData: propsData }).$mount()
+  })
+
+  it('has the expected html structure', () => {
+    expect(vm.$el).toMatchSnapshot()
+  })
+})