Simpler Vue.js tests in Laravel with Jest
This package aims to provide an easy, reusable way to set up Vue.js tests in Laravel.
The necessary config files will be created with one line of code, as well as an example
Counter component with it's corresponding test.
I've written quite an extensive blogpost about the setup, if you want to do everything yourself.
What's to do
Run the following commands in the root of the project you want to add tests to:
Create the necessary files:
Make sure you've installed the necessary dependencies.
npm install -—save-dev jest vue-jest @vue/test-utils babel-core@bridge
Now you should be able to run your test via
- Remove all parts of a former test configuration that is maybe broken
- You use Vue.js 2.* (As soon as 3.0 is better integrated into Laravel Mix is will take a look)
- You actually have vue and vue-template compiler installed
The last resort would be to install the specific (major) versions that worked for me:
npm i @vue/test-utils@^1.1.1 babel-core@^7.0.0-bridge.0 jest@^26.6.3 vue-jest@^3.0.7
Again, make sure vue is installed too:
npm install vue@^2.0 vue-template-compiler