What are some examples of testing in Vue.js?

What are some examples of testing in Vue.js?

In Vue.js, you can use tools like Jest and Vue Test Utils. For example, you can test components by rendering them and checking their output.

Can you show me a simple test case for a Vue component?

Sure! Here's a simple test case for a button component:

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

test('button click emits event', async () => {
  const wrapper = mount(MyButton);
  await wrapper.find('button').trigger('click');
  expect(wrapper.emitted().click).toBeTruthy();
});

What about testing Vuex store actions?

You can test Vuex actions by mocking the store. Here's an example:

import { createStore } from 'vuex';
import actions from '@/store/actions';

const store = createStore({ actions });

test('fetchData action commits data', async () => {
  await store.dispatch('fetchData');
  expect(store.state.data).toBeDefined();
});

Are there any best practices for testing Vue components?

Yes! Some best practices include testing the component's public API, using shallow mounts to isolate components, and ensuring tests are easy to read and maintain.