vuex-action | easily create and manage actions | State Container library

I'm having problem to make my Action resolve the promise. I've read what looks like the most relevant posts.

Returning Promises from Vuex actions

I want to know when my action is finished, then my component can start doing other stuff. The problem is, the Action never returns the Promise.

myComponent.vue

I want to unit test my vue components. Since I'm working with firebase this is a little bit difficult.

Fir of all, I created a __mocks__ folder to contain all my mocked functions. Inside that folder, I've created firebase.js:

I'm testing a login request but jest is not calling the mock:

This is mys test :

Beforehand: My application is working as intended, but I want to know if there's an better approach to the problem, I was having.

Situation: I have a project where I am currently implemeneting a Permission-System. The current flow is, to load specific objects (lets take user in this case) and inject the permissions afterwards.

Problem: Getting 'Do not mutate vuex store state outside mutation handlers.' error inside vuex-action.

Question: Is there a better way to omit the error than my approach below?

Simplified it looks like this (here I am getting my objects from our API and storing them in vuex-store):

I'm trying to set up a login action using Parser which returns an error if the authentification fails. Then I want to catch the errror and return it to the component where I display the error. However I always get an unhandled promise rejection.

I already tried different methods of rejecting or returning the error with no success. reject(error) (recommended here Returning Promises from Vuex actions) return reject(error) return Promise.reject(error) return Promise.reject(new Error(error)) or simply return error

my actions:

Is it enough to create simple (without chaining then/catch calls) vuex-actions as a1? Or I need write it each time with Promise creating as a2 (+also add reject branch)?

Thank you in advance...