Vue.js 2 Design Patterns and Best Practices

Setting up vue-test-utils

For a better testing experience, it's advised to use the vue-test-utils module as this provides us with many helpers and patterns that are exclusively used with the Vue framework. Let's create a new project based on the webpack-simple template and integrate Jest and vue-test-utils ourselves. Run the following in your Terminal:

# Create a new Vue project$ vue init webpack-simple vue-test-jest# Navigate to directory$ cd vue-test-jest# Install dependencies$ npm install# Install Jest and vue-test-utils$ npm install jest vue-test-utils --save-dev# Run application$ npm run dev

Then, we have to add some extra configuration to our project so that we can run Jest, our test suite. This can be configured inside our project's ...