如何解决如何使用全局变量模拟商店
我有一个文件,用于存储由“登录”或“注销”函数更改的全局变量。我想编写一个单元测试,将 'isLoggedIn' 的值设置为 true 或 false,然后检查预期的行为。我不知道我需要做什么才能使用该值,这是我的文件:
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({
state: {
loggedIn: false,},mutations: {
login(state) {
state.loggedIn = true;
},logout(state) {
state.loggedIn = false;
state.userID = null;
},actions: {
login({ commit }) {
commit('login');
},logout({ commit }) {
commit('logout');
},getters: {
isLoggedIn: (state) => state.loggedIn,});
这是我正在尝试创建的测试:
import { expect } from 'chai';
import { shallowMount } from '@vue/test-utils';
import Home from '@/views/images.vue';
describe('Images.vue',() => {
it('shows that you are logged in',() => {
const welcome_text = 'You are logged in.';
this.$store.dispatch('login');
const wrapper = shallowMount(Home,{});
expect(wrapper.text()).to.include(welcome_text);
});
});
解决方法
你的 getter 方法没有返回任何东西。
https://vuex.vuejs.org/guide/getters.html#property-style-access
一旦您将 getter 更改为:
getters: {
isLoggedIn: (state) => return state.loggedIn,},
您应该能够使用以下方法检索此值:
this.$store.getters.isLoggedIn
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。