What are some examples of testing Vue components?

What are some examples of testing Vue components?

You can test Vue components using tools like Jest and Vue Test Utils. For example, you can test a simple button component by checking if it renders correctly and responds to clicks.

Can you show me a code example for testing a button component?

Sure! Here's a simple example:

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

test('renders button with text', () => {
  const wrapper = mount(MyButton, { props: { text: 'Click me' } });
  expect(wrapper.text()).toContain('Click me');
});

This tests if the button renders with the correct text.

What about testing user interactions?

You can test user interactions by simulating events. For example:

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

This checks if clicking the button emits a 'clicked' event.