Javascript 如何正确测试Vuex?
我需要您的帮助来测试Vuex商店(以前从未这样做过,不幸的是很难理解) 我有两个按钮,我需要测试它们调用两个不同的函数,返回一些东西 按钮:Javascript 如何正确测试Vuex?,javascript,vue.js,jestjs,vuex,vue-test-utils,Javascript,Vue.js,Jestjs,Vuex,Vue Test Utils,我需要您的帮助来测试Vuex商店(以前从未这样做过,不幸的是很难理解) 我有两个按钮,我需要测试它们调用两个不同的函数,返回一些东西 按钮: ... <input class="main-form__login-submit" v-if="this.loginBtn" type="submit" @click="handleLogin" value="Войти" /> <input class="main-form__login-submit main-form__logi
...
<input class="main-form__login-submit" v-if="this.loginBtn" type="submit" @click="handleLogin" value="Войти" />
<input class="main-form__login-submit main-form__login-session" v-if="this.showLogoutEverywhereBtn" type="button" @click="websocketAuth" value="Выйти из других окон" />
...
提前谢谢你 您需要使用jest模拟(如果使用jest) 这里有一个关于它的快速教程
...
methods: {
handleLogin(e) {
e.preventDefault()
this.$store.dispatch('login', this.loginForm)
.then((response) => {
console.log('login page response: ', response)
if (response.id_user !== undefined) {
this.$router.push({ path: '/' })
}
})
.catch((e) => {
console.log('ты внутри ошибки: ', e);
});
},
websocketAuth(e) {
e.preventDefault()
console.log('login: ', this.loginForm.username, this.loginForm.password)
this.$store.dispatch("logoutEverywhere", {
user_login: this.loginForm.username,
user_password: this.loginForm.password
})
.then((resp) => {
let data = { userId: resp, page: 'login' }
socketUrl.emit('logoutEverywhere', data, (flag) => {
if(flag) {
this.$store.dispatch('duplicateLoginClear')
}
console.log(flag)
})
console.log('1 ', resp)
})
}
}
...