eddyerburgh/vue-test-utils-vuex-example

Example repository testing vuex with vue-test-utils

vue-test-utils-vuex-example

An example repo demonstrating how to mock Vuex in Vue unit tests

Build Setup

# install dependencies
npm install

# run unit tests
npm run unit

vue-test-utils-vuex-example's Issues

Testing components that use Vuex modules

I'm training to test my components that use Vuex modules by following the Module example.

However, when I run the tests, there are warnings like this one:

[vuex] module namespace not found in mapGetters(): 

An example test can be seen on NewQuickTask.spec.js

This is the code of the first getter that throws the above error: errors.js.

This is the module: store/modules/errors.js.

I'd like to check if you know what might cause these warnings. Thanks.

(n/t) Could you add an example which is testing the return of an Async Action?

Could you add an example which is testing the return of an Async Action?

Is this typo??

NOT A BUG.

But is this typo ?? https://github.com/eddyerburgh/vue-test-utils-vuex-example/blob/master/src/store/index.js#L41 as Vue.use(Vuex) is already used in the top.

Add a test on App.vue

In order to see how to test parent component that are shallowed and without store...
Because I didn't succeed it

Testing components with namespaced Vuex

Components using namespaced modules need:
-to specify the namespace inside the component
-testing: provide the whole store namespaced on new Vuex.Store

This makes the component to be coupled with the store and the namespace.
When one needs to test an application with more than 50 nested modules, it's unmaintainable

Is the any way to inject to the component, as a prop or something, just the needed module of the store and keep the component module agnostic?

This would simplify a lot the tests and get rid of vuex warnings "module namespace not found..."

Hope I explained myself good enough,
Thanks!

thank you so much for the example. question? where does the jest.fn() come from?

where is jest.fn() called from since it was'nt imported?

vue-test-utils-vuex-example/test/unit/specs/Actions.spec.js

Line 15 in a938148

actionClick: jest.fn(),