How do I use Vue Test Utils for testing my Vue components?

How do I use Vue Test Utils for testing my Vue components?

Vue Test Utils is the official unit testing utility library for Vue.js. To get started, you need to install it using npm or yarn.

What are the basic methods I should know?

Some basic methods include mount, shallowMount, and createLocalVue. These help you render components and manage their state.

Can you give me an example of a simple test?

Sure! Here's a simple test:

import { mount } from '@vue/test-utils';
import MyComponent from '@/components/MyComponent.vue';

test('renders a message', () => {
  const wrapper = mount(MyComponent);
  expect(wrapper.text()).toContain('Hello World');
});

What about testing component methods?

You can test component methods by calling them directly on the wrapper instance. For example:

wrapper.vm.myMethod();
expect(wrapper.vm.someData).toBe(expectedValue);