Vue.js test-utils How to mock getters from module

Question

In my ContactForm component , I have 2 computed mapGetters

computed: {
  ...mapGetters(["language"]),
  ...mapGetters("authentication", ["loading"]),

the first one is defined in my stoe/getters.js

export const language = state => {
 return state.language;
};

the second one is defined in my store/modules/authentication.js

const authentication = {
 namespaced: true,
 getters: {
   user: state => {
     return state.user
   },
   loading: state => {
     return state.loading
 }

},

I am trying to mock my Vuex store , easy for the first one "language",

        export const storeMock = Object.freeze({
      state: {},
      actions: {},
      getters: {
        language: () => { .    // <= FINE
          return "en";
        },
        authentication: { .   // <= . WRONG
          loading: () => {
            return false;
          }
        }
      }
    })

but how should I mock the second one "loading" from the "authentication" module ??

Richard Matsen · Accepted Answer · 2021-04-14 21:58:27Z

9

If you console log the store in the app, namespaced getters have a key of namespace/getterName, so I think this should work

export const storeMock = Object.freeze({
  state: {},
  actions: {},
  namespaced: true,
  getters: {
    language: () => {     // <= FINE
      return "en";
    },
    'authentication/loading' : () => {
       return false;
    }
  }
})

edited Apr 14, 2021 at 21:58

answered Oct 3, 2018 at 3:05

Richard Matsen

20.9k3 gold badges59 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jon L Over a year ago

Add namespaced: true to the mock store for namespacing

trainoasis Over a year ago

What if I use ...mapGetters({ loading: 'customers/allLoading' } does "loading" need to be mocked separately? Doesnt seem very intuitive

Collectives™ on Stack Overflow

Vue.js test-utils How to mock getters from module

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related