How do I set up Jest for a Vue.js project?

How do I set up Jest for a Vue.js project?

To set up Jest for a Vue.js project, you need to install Jest and Vue Test Utils. You can do this using npm or yarn.

What commands do I need to run?

You can run npm install --save-dev jest @vue/test-utils to install the necessary packages.

Do I need to configure anything in my Jest setup?

Yes, you should create a jest.config.js file to configure Jest for Vue. You can specify the test environment and other settings there.

Can you give me an example of a simple test?

Sure! Here's a simple test example:

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

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