posva/vuex-mock-store

When you're building a Vue.js app, you often use a tool called Vuex to manage shared data across your components. When it comes time to write automated tests for those components, you usually don't want to run your real Vuex setup, because that drags in extra complexity and makes tests slower. This project solves that problem by giving you a lightweight, fake version of Vuex, often called a "mock", so you can test your components in isolation. The way it works is straightforward: you create a fake store and tell it exactly what data and computed values (getters) your component should see. It also automatically sets up monitors, called "spies", that watch whenever your component tries to change data or trigger an action. In your test, you can then simply check if the right button click sent the right signal, without actually executing the real logic behind it. This is useful for developers who want fast, reliable tests and don't want to worry about their Vuex logic breaking their component tests. For example, if you have a shopping cart counter component and want to verify that clicking the "add" button triggers an update, you can test that interaction directly. You focus only on whether the component asked the store to do something, rather than testing the entire store logic at the same time. A notable tradeoff is that this mock doesn't let you provide real functions for your getters, you must provide the exact value the getter should return. The creator intentionally made this choice: if you're testing a specific component, you already know the expected result, and hardcoding that value ensures your test stays completely focused and predictable.