javascript - Testing Vuex action that calls external api -


in vue.js project have following vuex action:

import { http } '@/services/http'  export const actions = {   loginuser ({ commit }, params) {     http.post(       'v1/login',       { email: params.email, password: params.password }     ).then(response => {       localstorage.setitem('access_token', response.data.token)       commit('set_user', response.data)     }).catch(error => {       commit('set_login_error', error.response.data.error)     })   } }

i'm using mocha + karma unit tests. how can test action?

it's important mock/stub dependencies. first challenge mocking http service because, written, tests won't pass unless have internet connection backend server. dependency injection solve this.

to test actions, borrowed idea vuex's suggestion. create stub of commit function accepts type , payload of each mutation action calls , compare expected. if list of expected mutations match list of mutations commit stub calls when action executed, action passes test.

this trivial example wouldn't use in production, helps illustrate idea:

let count = 0 let errors = [] let mutations = [   { type: 'set_user', payload: 'whatever response.data expected be' } ]  function commit(type, payload) {   const mutation = mutations[count]    try {     expect(mutation.type).to.equal(type)     if (payload) { expect(mutation.payload).to.deep.equal(payload) }   } catch (error) {     errors.push(error)   }    count++ }  actions.loginuser({ commit }, { email: 'fake@email.com', password: '12345' })

Comments

Post a Comment

Popular posts from this blog

python - Alternative to referencing variable before assignment -

import time # define variables username = "username" password = "password" customer_info_file_path = "c:\\users\megam\pycharmprojects\general stuff\the square pie co\customer " \ "information\{}.txt ".format(name) username_entry = input("enter username\n>>") password_entry = input("enter password\n>>") if username_entry != username or password_entry != password: print("access denied\nyou have entered username or password incorrectly. please check password , " "account name , try again.\n") else: print("access granted") choice_menu = input("\na) view list of customers\nb) add customer\nc) delete customer\nd) log out\n>>") if choice_menu == "a": customer_info = open(customer_info_file_path, 'a', ) file = open(customer_info_file_path, 'r') output = file.read() ...
Read more

vb.net - How to ignore if a cell is empty nothing -

how use roscolor() ignore value (like empty cell) ? color row if value upper 5 when there nothing in cell, want ignore roscolor() apply, how? public sub roscolor() integer = 0 quotedatagridview1.rows.count() - 1 step +1 dim val integer val = quotedatagridview1.rows(i).cells(3).value if val = vbempty quotedatagridview1.rows(i).defaultcellstyle.backcolor = color.white elseif val < 5 quotedatagridview1.rows(i).defaultcellstyle.backcolor = color.red elseif val > 5 , val < 10 quotedatagridview1.rows(i).defaultcellstyle.backcolor = color.lightyellow end if next end sub you can check empty value following public sub roscolor() integer = 0 quotedatagridview1.rows.count() - 1 step +1 dim val = quotedatagridview1.rows(i).cells(3).value if isdbnull(val) or val nothing quotedatagridview1.rows(i).defaultcellstyle.backcolor = color.white ...
Read more

Sort a complex associative array in PHP -

this question has answer here: php sort array subarray value 5 answers i have associative array in php like: $newarray1 = array ( [producta] => array ( [link] => http://sanjosespartan.com/blog/products/agile-java-development/ [visitcount] => 4 ) [productd] => array ( [link] => http://sanjosespartan.com/blog/products/intro-to-go/ [visitcount] => 1 ) [productg] => array ( [link] => http://sanjosespartan.com/blog/products/node-js-for-developers/ [visitcount] => 1 ) [productb] => array ( [link] => http://sanjosespartan.com/blog/products/beginning-mysql/ [visitcount] => 1 ) [productc] => array ( [link] => http://sanjosespartan.com/blog/products/computer-networks/ [visitcount] => 1 ) ...
Read more