Improve Vuex test #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

afontcu merged 2 commits into testing-library:master from afontcu:master

Jun 3, 2019

Merged

afontcu merged 2 commits into testing-library:master from afontcu:master

Jun 3, 2019

Conversation

Copy link

Member

👋

When started working with VTL, I remember Vuex was one of the pain points when testing my components.

So in this PR I did a couple of things:

I created "a store" by moving the object to an external file and importing it (as a developer would in a real project). For that I created a /Store folder to match the Router tests structure.
I used the render wrapped pattern to showcase how to create isolated tests. I also wrote about it, so people can understand the reasoning behind the code. In the current implementation of Vuex testing examples, swapping the first two tests makes one of them fail (because of shared state).

As usual, this PR is just a proposal. I'm totally open to improvements and tweaks :)