What are some examples of unit testing in Vue.js?

What are some examples of unit testing in Vue.js?

In Vue.js, unit testing can be done using libraries like Jest or Mocha. For example, you can test a simple component by rendering it and checking its output.

Can you show me a specific example using Jest?

Sure! Here's a simple test for a Vue component using Jest:

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

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

What about testing methods in a component?

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

test('increments count', () => {
  const wrapper = mount(MyComponent);
  wrapper.vm.increment();
  expect(wrapper.vm.count).toBe(1);
});

Are there any best practices for unit testing in Vue?

Yes! Some best practices include keeping tests isolated, using descriptive test names, and testing both the UI and logic of components.