How do I configure Jest for a Vue CLI project?

How do I configure Jest for a Vue CLI project?

To configure Jest in a Vue CLI project, you can use the built-in Jest preset. First, ensure you have Jest installed.

What commands do I need to run to install Jest?

You can install Jest by running npm install --save-dev jest @vue/test-utils in your project directory.

Do I need to create a Jest configuration file?

No, Vue CLI automatically sets up Jest for you. However, you can customize the configuration in jest.config.js if needed.

Can you give me an example of a simple test?

Sure! Here's a simple test example:

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

describe('MyComponent.vue', () => {
  it('renders correctly', () => {
    const wrapper = shallowMount(MyComponent);
    expect(wrapper.exists()).toBe(true);
  });
});